:root{--electric:#b8ff32;--blue:#64d8ff}.site-header{position:fixed;background:rgba(7,17,15,.65);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);transition:transform .35s ease,background .35s;z-index:30}.site-header .brand,.site-header nav>a:not(.nav-cta){color:#f8f6f0}.site-header.header-hidden{transform:translateY(-100%)}.site-header.header-scrolled{background:rgba(7,17,15,.9)}nav a{position:relative}nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--lime);transition:right .25s}nav>a:hover:after,nav>a.active:after{right:0}.hero{background:radial-gradient(circle at 76% 35%,#173e35 0,transparent 31%),radial-gradient(circle at 12% 90%,#172f29 0,transparent 35%),var(--ink)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-copy{z-index:3}.rotating-phrase{display:inline-block;min-height:1em;transition:opacity .25s ease,transform .25s ease}.rotating-phrase.swap{opacity:0;transform:translateY(12px)}.hero-coordinates{position:absolute;left:5vw;bottom:28px;z-index:2;color:#677c75;font:9px var(--mono);letter-spacing:.1em}.code-card{transition:transform .18s ease-out;will-change:transform}.code-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--lime),transparent 35%,transparent 65%,var(--coral));z-index:-1;filter:blur(12px);opacity:.32}.skill-marquee{overflow:hidden;background:var(--lime);border-block:1px solid var(--ink);padding:15px 0}.marquee-track{width:max-content;display:flex;align-items:center;gap:28px;animation:marquee 24s linear infinite;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.marquee-track i{font-style:normal;font-size:16px}@keyframes marquee{to{transform:translateX(-50%)}}.section{position:relative;overflow:hidden}.section:before{content:attr(id);position:absolute;right:-.02em;top:60px;text-transform:uppercase;font:800 clamp(80px,15vw,230px)/1 var(--sans);letter-spacing:-.08em;color:rgba(7,17,15,.025);pointer-events:none}.services.section:before,.stack.section:before{color:rgba(255,255,255,.025)}.service{position:relative;isolation:isolate;transition:padding .3s ease,color .3s}.service:before{content:"";position:absolute;z-index:-1;inset:0 100% 0 0;background:var(--lime);transition:right .4s cubic-bezier(.2,.8,.2,1)}.service:hover{padding-left:22px;padding-right:22px;color:var(--ink)}.service:hover:before{right:0}.service:hover p,.service:hover .service-no{color:#385145}.service:hover .service-icon{color:var(--ink);transform:rotate(12deg) scale(1.15)}.service-icon{transition:.3s}.project-card{position:relative;transition:transform .35s ease,box-shadow .35s ease;transform-style:preserve-3d}.project-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(7,17,15,.16)}.project-info{position:relative}.project-info:after{content:"View case study";position:absolute;right:28px;top:28px;opacity:0;transform:translateX(-10px);transition:.25s;color:var(--green);font:9px var(--mono);text-transform:uppercase}.project-card:hover .project-info:after{opacity:1;transform:none}.quick-facts>div{transition:transform .25s}.quick-facts>div:hover{transform:translateY(-5px)}.quick-facts strong{color:var(--green)}.stack-grid>div{position:relative;overflow:hidden;transition:background .3s,padding .3s}.stack-grid>div:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:var(--lime);filter:blur(55px);opacity:0;right:-30px;bottom:-30px;transition:opacity .3s}.stack-grid>div:hover{background:#11241f;padding-left:32px}.stack-grid>div:hover:after{opacity:.25}.timeline-item:before{box-shadow:0 0 0 5px rgba(21,77,62,.12)}.contact{background:radial-gradient(circle at 20% 20%,#ffb37d,transparent 32%),radial-gradient(circle at 80% 85%,#ff6b79,transparent 35%),var(--coral)}.contact-inner{position:relative;z-index:2}.contact:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(7,17,15,.16) 1px,transparent 1px);background-size:18px 18px;opacity:.45}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:19;background:radial-gradient(circle,rgba(201,255,74,.09),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.scroll-progress{position:fixed;z-index:80;top:0;left:0;right:0;height:3px}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--lime),var(--coral));box-shadow:0 0 12px var(--lime)}.button,.nav-cta,.view-project{position:relative;overflow:hidden}.button:after,.nav-cta:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.28);transform:translateX(-110%) skewX(-18deg);transition:transform .45s}.button:hover:after,.nav-cta:hover:before{transform:translateX(110%) skewX(-18deg)}@media(max-width:900px){.cursor-glow{display:none}.hero-coordinates{display:none}.site-header nav a{color:white}.project-info:after{display:none}}@media(prefers-reduced-motion:reduce){.marquee-track{animation-play-state:paused}.rotating-phrase,.code-card,.project-card,.reveal{transition:none!important}.cursor-glow{display:none}}