@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#06090b;--panel:#0a0f12;--line:#1d292e;--text:#edf7f7;--muted:#7d9299;--cyan:#42f5d4;--purple:#9b6dff;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--cyan) var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a,button{color:inherit}button{font:inherit}.boot{position:fixed;inset:0;z-index:999;background:#040607;display:grid;place-items:center;transition:opacity .6s,visibility .6s}.boot.done{opacity:0;visibility:hidden}.boot__inner{width:min(420px,80vw);font:11px var(--mono);letter-spacing:.15em}.boot__track{height:2px;background:#172226;margin:18px 0}.boot__track i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.boot__status{color:var(--muted)}#network{position:fixed;inset:0;width:100%;height:100%;opacity:.32;pointer-events:none}.cursor,.cursor-dot{position:fixed;z-index:1000;pointer-events:none;left:0;top:0}.cursor{width:38px;height:38px;border:1px solid rgba(66,245,212,.7);border-radius:50%;margin:-19px;transition:width .25s,height .25s,margin .25s,border-color .25s}.cursor:before,.cursor:after{content:"";position:absolute;background:var(--cyan)}.cursor:before{width:6px;height:1px;left:-3px;top:18px}.cursor:after{height:6px;width:1px;top:-3px;left:18px}.cursor.hover{width:64px;height:64px;margin:-32px;border-color:var(--purple)}.cursor-dot{width:4px;height:4px;background:var(--cyan);border-radius:50%;margin:-2px;box-shadow:0 0 8px var(--cyan)}
.nav-wrap{height:86px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,9,11,.9)}.brand{text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:14px}.brand>span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border:1px solid var(--cyan);color:var(--cyan);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.brand i{font:11px var(--mono);color:var(--muted);font-style:normal;margin-left:6px}.nav-wrap nav{display:flex;gap:clamp(20px,3.5vw,55px)}.nav-wrap nav a{font:11px var(--mono);letter-spacing:.12em;text-decoration:none;color:#a2b2b6;transition:.2s}.nav-wrap nav a:hover{color:var(--cyan)}.sound-toggle{border:0;background:none;display:flex;gap:10px;align-items:center;font:11px var(--mono);letter-spacing:.1em;cursor:none}.sound-bars{height:16px;display:flex;align-items:center;gap:2px}.sound-bars i{display:block;width:2px;height:5px;background:var(--cyan);animation:eq .8s infinite alternate}.sound-bars i:nth-child(2){animation-delay:-.4s;height:12px}.sound-bars i:nth-child(3){animation-delay:-.2s;height:8px}.sound-bars i:nth-child(4){animation-delay:-.6s;height:14px}.muted .sound-bars i{animation:none;height:2px;background:var(--muted)}@keyframes eq{to{height:15px}}
.section{position:relative;padding-left:clamp(24px,7vw,112px);padding-right:clamp(24px,7vw,112px)}.hero{min-height:100svh;padding-top:140px;padding-bottom:75px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(66,245,212,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,245,212,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.eyebrow{font:11px var(--mono);letter-spacing:.12em;color:#afc0c4;display:flex;align-items:center;gap:10px;margin-bottom:32px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.eyebrow span{color:#6c7c81;margin-left:8px}.hero h1,.about h2,.section-head h2,.stack h2,.contact h2{font-size:clamp(58px,8vw,128px);line-height:.82;letter-spacing:-.07em;margin:0;font-weight:800}.hero h1 em,.about h2 em,.stack h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 35px rgba(66,245,212,.12)}.hero h1>span,.section-head h2 span{color:var(--cyan)}.hero__intro{max-width:570px;margin:38px 0;color:#8fa1a7;font-size:15px;line-height:1.8}.hero__intro strong{color:var(--text)}.hero__actions{display:flex;gap:12px}.btn{height:52px;min-width:210px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font:11px var(--mono);letter-spacing:.1em;border:1px solid var(--line);position:relative;overflow:hidden}.btn--primary{background:var(--cyan);color:#05100f;border-color:var(--cyan);font-weight:700}.btn--primary:before{content:"";position:absolute;inset:0;background:white;transform:translateX(-110%) skewX(-15deg);transition:.4s}.btn:hover:before{transform:translateX(110%) skewX(-15deg)}.btn span,.btn i{position:relative;z-index:1}.btn i{font-size:17px;font-style:normal}.btn--ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.hero__visual{height:min(580px,60vw);display:grid;place-items:center;perspective:900px}.orbit-scene{width:min(460px,38vw);aspect-ratio:1;position:relative;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .12s}.orbit{position:absolute;inset:7%;border:1px solid rgba(66,245,212,.25);border-radius:50%;transform-style:preserve-3d}.orbit--one{transform:rotateX(68deg) rotateZ(15deg);animation:orbit1 12s linear infinite}.orbit--two{inset:16%;border-color:rgba(155,109,255,.4);transform:rotateY(68deg);animation:orbit2 9s linear infinite reverse}.orbit--three{inset:25%;transform:rotateX(48deg) rotateY(55deg);animation:orbit1 7s linear infinite reverse}.orbit i{position:absolute;top:-11px;left:50%;font:11px var(--mono);padding:5px;background:var(--bg);color:var(--cyan);font-style:normal}@keyframes orbit1{to{rotate:1 0 0 360deg}}@keyframes orbit2{to{rotate:0 1 0 360deg}}.core{position:relative;width:140px;height:140px;display:grid;place-items:center;transform-style:preserve-3d}.core__glow{position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(66,245,212,.22),transparent 65%);animation:pulse 2s infinite alternate}@keyframes pulse{to{scale:1.2;opacity:.5}}.cube{width:90px;height:90px;position:relative;transform-style:preserve-3d;animation:cube 16s linear infinite}.face{position:absolute;width:90px;height:90px;border:1px solid rgba(66,245,212,.65);background:rgba(7,22,22,.55);display:grid;place-items:center;color:var(--cyan);font:13px var(--mono);box-shadow:inset 0 0 22px rgba(66,245,212,.07)}.front{transform:translateZ(45px)}.back{transform:rotateY(180deg) translateZ(45px)}.right{transform:rotateY(90deg) translateZ(45px)}.left{transform:rotateY(-90deg) translateZ(45px)}.top{transform:rotateX(90deg) translateZ(45px)}.bottom{transform:rotateX(-90deg) translateZ(45px)}@keyframes cube{to{transform:rotateX(360deg) rotateY(720deg)}}.node{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 12px var(--purple)}.n1{top:12%;left:20%}.n2{right:8%;top:45%}.n3{bottom:10%;left:42%}.system-card{position:absolute;right:6%;bottom:14%;width:280px;border:1px solid var(--line);background:rgba(6,12,14,.82);padding:14px;font:11px var(--mono);color:var(--muted)}.system-card>span{display:block;padding-bottom:10px;border-bottom:1px solid var(--line)}.system-card>b{display:block;color:var(--cyan);font-size:10.5px;margin:10px 0}.system-card>b i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:7px}.system-card>div{display:grid;grid-template-columns:1fr 1fr;gap:3px}.system-card small{color:#6d7d81}.system-card strong{color:#bdcbce;font-weight:400}.hero__rail{position:absolute;right:24px;top:40%;display:flex;flex-direction:column;align-items:center;gap:16px}.hero__rail span{font:10.5px var(--mono);writing-mode:vertical-rl;letter-spacing:.15em;color:#6b7d84}.hero__rail i{height:70px;width:1px;background:linear-gradient(var(--cyan),transparent)}.hero__rail b{color:var(--cyan)}.hero__index{position:absolute;bottom:25px;left:clamp(24px,7vw,112px);right:clamp(24px,7vw,112px);display:flex;justify-content:space-between;font:10.5px var(--mono);color:#6d7c81;letter-spacing:.14em}.marquee{border-block:1px solid var(--line);overflow:hidden;background:#080d0f}.marquee div{white-space:nowrap;width:max-content;padding:18px 0;font:12px var(--mono);letter-spacing:.12em;color:#94a6aa;animation:marquee 25s linear infinite}.marquee i{color:var(--cyan);margin:0 30px}@keyframes marquee{to{transform:translateX(-50%)}}
.about{padding-top:150px;padding-bottom:170px}.section-tag{font:11px var(--mono);color:#6a7d82;letter-spacing:.13em;margin-bottom:70px}.section-tag span{color:var(--cyan);margin-right:12px}.about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.about h2{font-size:clamp(52px,7vw,105px)}.about__copy{padding-top:8px}.about__copy>p{font-size:clamp(17px,1.6vw,24px);line-height:1.65;color:#81949a;margin:0 0 28px}.about__copy>p strong{color:var(--text)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:52px;padding-top:30px}.metrics div{border-right:1px solid var(--line);padding:0 18px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{display:block;font:clamp(30px,3vw,48px) var(--mono);color:var(--cyan)}.metrics strong:after{content:"+"}.metrics div:last-child strong:after{content:"%"}.metrics span{font:10.5px/1.6 var(--mono);letter-spacing:.1em;color:#687b81}
.work{background:#090d10;padding-top:130px;padding-bottom:140px;border-block:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:85px}.section-head .section-tag{margin-bottom:30px}.section-head h2{font-size:clamp(55px,7vw,105px)}.section-head>p{max-width:350px;font:12px/1.8 var(--mono);color:#6e8187}.project-list{border-top:1px solid var(--line)}.project{min-height:360px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:60px 1fr minmax(250px,35%) 54px;gap:30px;padding:50px 0;position:relative;transform-style:preserve-3d;transition:border-color .3s}.project:hover{border-color:var(--cyan)}.project__no{font:11px var(--mono);color:var(--cyan)}.project__body>span{font:10.5px var(--mono);letter-spacing:.13em;color:#6a7d83}.project h3{font-size:clamp(35px,4vw,64px);line-height:.95;letter-spacing:-.05em;margin:22px 0}.project p{max-width:500px;color:#71848a;font-size:13px;line-height:1.7}.project ul{display:flex;gap:7px;list-style:none;padding:12px 0 0;margin:0;flex-wrap:wrap}.project li{padding:7px 9px;border:1px solid #243237;font:10.5px var(--mono);color:#92a5aa}.project>a{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);text-decoration:none;font-size:20px;transition:.3s}.project:hover>a{background:var(--cyan);color:var(--bg);transform:rotate(45deg)}.project__art{height:250px;align-self:center;border:1px solid #1d292e;position:relative;overflow:hidden;background:#070b0d}.art-grid{background-image:linear-gradient(#152126 1px,transparent 1px),linear-gradient(90deg,#152126 1px,transparent 1px);background-size:25px 25px}.art-grid:after{content:"";position:absolute;width:70%;height:1px;background:var(--cyan);top:60%;left:10%;box-shadow:0 0 12px var(--cyan);transform:rotate(-15deg)}.art-grid i{position:absolute;inset:20%;border:1px solid var(--purple);transform:skew(-10deg);box-shadow:0 0 25px rgba(155,109,255,.2)}.art-grid b{position:absolute;right:10%;top:15%;font:42px var(--mono);color:var(--cyan)}.art-grid small{font-size:12px}.art-wave{display:flex;align-items:center;justify-content:center;gap:10px}.art-wave span{height:20%;width:9px;background:linear-gradient(var(--purple),var(--cyan));animation:wave 1.5s ease-in-out infinite alternate;box-shadow:0 0 15px rgba(66,245,212,.15)}.art-wave span:nth-child(2){animation-delay:-.4s}.art-wave span:nth-child(3){animation-delay:-.8s}.art-wave span:nth-child(4){animation-delay:-1.2s}.art-wave span:nth-child(5){animation-delay:-.6s}.art-wave span:nth-child(6){animation-delay:-.2s}@keyframes wave{to{height:75%}}.art-radar{background:radial-gradient(circle at center,transparent 10%,#102027 11%,transparent 12%,transparent 30%,#102027 31%,transparent 32%,transparent 49%,#102027 50%,transparent 51%)}.art-radar:before,.art-radar:after{content:"";position:absolute;background:#16272c}.art-radar:before{height:1px;left:0;right:0;top:50%}.art-radar:after{width:1px;top:0;bottom:0;left:50%}.art-radar i{position:absolute;width:50%;height:50%;left:50%;top:0;background:conic-gradient(from 180deg,rgba(66,245,212,.35),transparent 45%);transform-origin:bottom left;animation:radar 3s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.art-radar span,.art-radar b{position:absolute;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan)}.art-radar span{left:36%;top:30%}.art-radar b{right:24%;bottom:32%}
.stack{padding-top:140px;padding-bottom:160px}.stack__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.stack h2{font-size:clamp(50px,6vw,92px)}.stack__title>p{max-width:450px;color:#75888e;line-height:1.8;margin-top:35px}.terminal{border:1px solid #233137;background:rgba(6,11,13,.88);box-shadow:0 20px 80px rgba(0,0,0,.4),0 0 80px rgba(66,245,212,.04)}.terminal__bar{height:45px;border-bottom:1px solid #233137;display:flex;align-items:center;padding:0 15px;gap:7px}.terminal__bar i{width:7px;height:7px;border-radius:50%;background:#fd6570}.terminal__bar i:nth-child(2){background:#f8ca55}.terminal__bar i:nth-child(3){background:var(--cyan)}.terminal__bar span{font:10.5px var(--mono);color:#6c7c81;margin-left:12px}.terminal__body{padding:30px;font:11px/1.8 var(--mono);color:#91a4a9}.terminal__body p{color:#7d9196;margin:0 0 20px}.terminal__body p b{color:var(--cyan)}.skill{display:grid;grid-template-columns:165px 1fr 40px;align-items:center;gap:14px;margin:18px 0}.skill>span{font-size:10.5px}.skill>i{height:3px;background:#172428}.skill>i b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 8px var(--cyan);transition:width 1.3s}.terminal.active .skill>i b{width:var(--level)}.skill>em{font-style:normal;color:var(--cyan);font-size:10.5px}.terminal code{display:block;color:#82959b}.terminal code strong{color:var(--cyan)}.caret{color:var(--cyan);animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.contact{min-height:92vh;padding-top:130px;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--line)}.contact__content{text-align:center;margin:auto;position:relative;z-index:2}.contact__content>p{font:11px var(--mono);letter-spacing:.18em;color:var(--cyan)}.contact h2{font-size:clamp(65px,10vw,150px)}.contact-link{display:inline-flex;align-items:center;gap:25px;margin-top:45px;padding-bottom:10px;border-bottom:1px solid var(--cyan);font:clamp(13px,1.5vw,20px) var(--mono);color:var(--cyan);text-decoration:none}.contact-link i{font-style:normal}.contact__orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(155,109,255,.12),rgba(66,245,212,.04) 40%,transparent 70%);left:50%;top:50%;translate:-50% -50%;animation:pulse 3s infinite alternate}.contact footer{height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:10.5px var(--mono);letter-spacing:.1em;color:#6d7c81}.contact footer a{text-decoration:none;color:#819399}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="2"]{transition-delay:.2s}
@media(max-width:900px){body{cursor:auto}.cursor,.cursor-dot{display:none}.nav-wrap{height:70px}.nav-wrap nav{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero__visual{position:absolute;right:-18%;top:17%;width:55%;opacity:.55}.hero__copy{position:relative;z-index:2}.hero__rail{display:none}.system-card{display:none}.about__grid,.stack__layout{grid-template-columns:1fr}.about__copy{margin-top:55px}.section-head{align-items:start;flex-direction:column;gap:30px}.project{grid-template-columns:35px 1fr 45px}.project__art{display:none}.stack__layout{gap:60px}.contact footer span:nth-child(2){display:none}}
@media(max-width:600px){.section{padding-left:20px;padding-right:20px}.sound-toggle b{display:none}.hero{padding-top:110px}.hero h1{font-size:55px}.hero__visual{top:10%;right:-30%;width:80%}.eyebrow span{display:none}.hero__actions{flex-direction:column;align-items:start}.btn{width:100%;max-width:320px}.hero__index{left:20px;right:20px}.hero__index span{display:none}.about,.work,.stack{padding-top:95px;padding-bottom:100px}.section-tag{margin-bottom:40px}.metrics{gap:10px}.metrics div{padding:0 8px}.metrics strong{font-size:28px}.project{grid-template-columns:25px 1fr 40px;gap:12px;padding:38px 0}.project h3{font-size:38px}.terminal__body{padding:20px 14px}.skill{grid-template-columns:120px 1fr 30px;gap:8px}.contact{padding-top:90px}.contact footer{font-size:10px}.contact h2{font-size:56px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* V2 — cinematic system layer */
.cursor-aura{position:fixed;z-index:0;width:540px;height:540px;left:0;top:0;margin:-270px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(66,245,212,.08),rgba(155,109,255,.025) 38%,transparent 68%);will-change:transform}.scroll-progress{position:fixed;z-index:90;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 14px var(--cyan)}.telemetry{position:fixed;z-index:45;right:17px;bottom:20px;display:flex;gap:16px;writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:.11em;color:#405158;pointer-events:none}.telemetry b{color:#789198;font-weight:400}.hero{overflow:hidden}.hero__ghost{position:absolute;z-index:-1;left:-.04em;top:44%;font-size:clamp(120px,20vw,340px);font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.032);white-space:nowrap;transform:translateY(-50%);animation:ghostShift 8s ease-in-out infinite alternate}@keyframes ghostShift{to{transform:translate(-3vw,-50%)}}.glitch{position:relative;filter:drop-shadow(0 0 40px rgba(66,245,212,.08))}.glitch.glitching{animation:glitchSkew .18s steps(2) 3}.glitch.glitching:before,.glitch.glitching:after{content:attr(data-text);position:absolute;inset:0;line-height:.82;overflow:hidden;pointer-events:none;font-size:.72em}.glitch.glitching:before{color:var(--cyan);clip-path:inset(15% 0 65% 0);transform:translate(-8px,2px);opacity:.65}.glitch.glitching:after{color:var(--purple);clip-path:inset(72% 0 9% 0);transform:translate(7px,-2px);opacity:.65}@keyframes glitchSkew{25%{transform:skew(4deg)}75%{transform:skew(-3deg) translateX(5px)}}.hero__code{position:absolute;right:7vw;top:125px;font:10.5px/1.7 var(--mono);color:#3e5157;display:flex;flex-direction:column}.hero__code span{color:var(--cyan);margin-bottom:5px}.hero__code i{color:#8462cc;font-style:normal;padding-left:12px}
.manifesto{min-height:120vh;padding-top:150px;padding-bottom:130px;background:radial-gradient(circle at 68% 45%,rgba(66,245,212,.065),transparent 28%),#050809;border-top:1px solid var(--line);overflow:hidden}.manifesto:before{content:"04";position:absolute;left:-.08em;bottom:-.22em;font:800 min(44vw,650px)/1 var(--sans);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.025)}.manifesto__pin{min-height:70vh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:4vw}.manifesto__copy{position:relative;z-index:2}.manifesto .section-tag{margin-bottom:55px}.manifesto__kicker{font:11px var(--mono);letter-spacing:.2em;color:var(--cyan)}.manifesto h2{font-size:clamp(58px,7.8vw,125px);line-height:.82;letter-spacing:-.07em;margin:18px 0 36px}.manifesto h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--purple);text-shadow:0 0 30px rgba(155,109,255,.15)}.manifesto__text{max-width:510px;color:#7d9096;line-height:1.9;font-size:14px}.reactor{height:min(650px,62vw);position:relative;display:grid;place-items:center;perspective:1000px;transform-style:preserve-3d;transition:transform .15s}.reactor:before{content:"";position:absolute;width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(66,245,212,.12),transparent 60%);filter:blur(12px);animation:reactorPulse 2s ease-in-out infinite alternate}@keyframes reactorPulse{to{scale:1.25;opacity:.4}}.reactor__rings{position:absolute;inset:12%;transform-style:preserve-3d;animation:reactorFloat 7s ease-in-out infinite alternate}.reactor__rings i{position:absolute;inset:var(--inset,0);border:1px solid rgba(66,245,212,.28);border-radius:50%;transform:rotateX(68deg) rotateZ(var(--r,0deg));box-shadow:0 0 20px rgba(66,245,212,.025)}.reactor__rings i:nth-child(2){--inset:9%;--r:45deg;border-color:rgba(155,109,255,.42);transform:rotateY(67deg) rotateZ(30deg)}.reactor__rings i:nth-child(3){--inset:19%;transform:rotateX(46deg) rotateY(64deg);border-style:dashed;animation:spinRing 15s linear infinite}.reactor__rings i:nth-child(4){--inset:31%;border:5px dotted rgba(66,245,212,.55);animation:spinRing 7s linear infinite reverse}@keyframes spinRing{to{rotate:360deg}}@keyframes reactorFloat{to{transform:translateY(-18px) rotateZ(5deg)}}.reactor__core{position:relative;width:120px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--cyan);background:rgba(5,16,16,.85);transform:rotate(45deg);box-shadow:0 0 60px rgba(66,245,212,.18),inset 0 0 35px rgba(66,245,212,.08)}.reactor__core:before,.reactor__core:after{content:"";position:absolute;inset:10px;border:1px solid rgba(66,245,212,.22);animation:spinRing 12s linear infinite}.reactor__core:after{inset:-18px;border-color:rgba(155,109,255,.35);animation-direction:reverse}.reactor__core span,.reactor__core small{position:absolute;transform:rotate(-45deg);font-family:var(--mono)}.reactor__core span{font-size:25px;color:var(--cyan)}.reactor__core small{font-size:10px;letter-spacing:.16em;color:#687d82;translate:0 25px}.reactor__label{position:absolute;font:10.5px var(--mono);letter-spacing:.1em;color:#789096;padding:7px;border-left:2px solid var(--cyan);background:rgba(5,9,10,.65)}.reactor__label.l1{left:2%;top:46%}.reactor__label.l2{right:1%;top:45%;border-left-color:var(--purple)}.reactor__label.l3{top:12%;left:46%}.reactor svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(66,245,212,.18);stroke-width:1;stroke-dasharray:6 9;animation:dash 12s linear infinite}@keyframes dash{to{stroke-dashoffset:-200}}.principles{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}.principles article{padding:34px 28px;border-right:1px solid var(--line);transition:.35s;background:rgba(6,9,11,.4)}.principles article:hover{background:rgba(66,245,212,.035);transform:translateY(-8px)}.principles span{font:10.5px var(--mono);color:var(--cyan)}.principles strong{display:block;margin:22px 0 12px;font-size:20px;letter-spacing:-.03em}.principles p{font:11px/1.7 var(--mono);color:#6b7d82}.contact{background:linear-gradient(to bottom,#06090b,rgba(7,12,14,.97))}
@media(max-width:900px){.telemetry{display:none}.manifesto__pin{grid-template-columns:1fr}.reactor{height:540px}.principles{grid-template-columns:1fr}.principles article{border-right:0;border-bottom:1px solid var(--line)}.hero__code{display:none}}
@media(max-width:600px){.cursor-aura{display:none}.manifesto{padding-top:95px}.reactor{height:390px;margin-inline:-40px}.reactor__core{width:82px}.reactor__label{font-size:10px}.manifesto h2{font-size:55px}}

/* V3 — editorial content, bento systems and premium footer */
.nav-signal{display:flex;align-items:center;gap:7px;font:10px var(--mono);letter-spacing:.1em;color:#6c7d82}.nav-signal i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:signal 1.6s infinite}.nav-signal b{font-weight:400;color:#9aadb2}.nav-signal span:after{content:"/";margin-left:7px;color:#717b7f}@keyframes signal{50%{opacity:.2}}.hero__chips{position:absolute;left:50%;bottom:25px;translate:-50%;display:flex;gap:6px}.hero__chips span{border:1px solid #1c2a2f;padding:6px 8px;background:rgba(5,10,12,.72);font:10px var(--mono);letter-spacing:.1em;color:#6a7d83}.hero__chips span:nth-child(2){color:var(--cyan);border-color:rgba(66,245,212,.25)}
.capabilities{padding-top:145px;padding-bottom:150px;background:linear-gradient(145deg,#06090b,#080d10 60%,#070a0d);border-top:1px solid var(--line)}.capabilities__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:80px}.capabilities__head .section-tag{margin:0}.capabilities h2{font-size:clamp(45px,6vw,91px);line-height:.88;letter-spacing:-.065em;margin:0;text-align:right}.capabilities h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan)}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(310px,auto);gap:12px}.bento-card{position:relative;overflow:hidden;border:1px solid #1b282d;background:linear-gradient(145deg,rgba(14,21,24,.96),rgba(7,11,13,.96));padding:34px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .35s,border-color .35s,background .35s;isolation:isolate}.bento-card:before{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(66,245,212,.1),transparent 67%);transition:.5s}.bento-card:hover{transform:translateY(-6px);border-color:rgba(66,245,212,.5);background:linear-gradient(145deg,rgba(15,28,30,.98),rgba(7,11,13,.98))}.bento-card:hover:before{scale:1.6}.bento-card--wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:25px}.bento-card--tall{grid-row:span 2}.bento-card__index{position:absolute;top:22px;left:25px;font:10px var(--mono);color:#6d7c81}.bento-card__icon{position:absolute;right:27px;top:24px;font:20px var(--mono);color:var(--cyan);text-shadow:0 0 15px rgba(66,245,212,.45)}.bento-card small{font:10.5px var(--mono);letter-spacing:.14em;color:var(--cyan)}.bento-card h3{font-size:clamp(26px,2.5vw,40px);line-height:.98;letter-spacing:-.045em;margin:15px 0 18px}.bento-card p{font-size:11px;line-height:1.8;color:#71848a;max-width:430px;margin:0}.code-stream{border-left:1px solid #24343a;padding:20px;display:flex;flex-direction:column;font:10.5px/2.2 var(--mono);color:#52676d}.code-stream b{color:var(--cyan);font-weight:400}.code-stream i{font-style:normal}.mini-graph{height:60px;margin-top:32px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #223138}.mini-graph i{flex:1;background:linear-gradient(var(--cyan),rgba(66,245,212,.06));height:var(--h,35%);animation:graph 2s ease-in-out infinite alternate}.mini-graph i:nth-child(2){--h:70%;animation-delay:-.5s}.mini-graph i:nth-child(3){--h:45%;animation-delay:-1.1s}.mini-graph i:nth-child(4){--h:90%;animation-delay:-.3s}.mini-graph i:nth-child(5){--h:58%;animation-delay:-1.4s}.mini-graph i:nth-child(6){--h:80%;animation-delay:-.8s}.mini-graph i:nth-child(7){--h:100%;animation-delay:-1.7s}@keyframes graph{to{height:calc(var(--h,35%) + 8%)}}.binary{margin-top:32px;font:10.5px/2 var(--mono);letter-spacing:.22em;color:#415359;word-break:break-all}.motion-orb{height:280px;margin:45px -20px -20px;position:relative;display:grid;place-items:center}.motion-orb:before,.motion-orb:after{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(66,245,212,.22);border-radius:50%;animation:orbSpin 10s linear infinite}.motion-orb:after{width:45%;border-style:dashed;border-color:rgba(155,109,255,.45);animation-direction:reverse;animation-duration:7s}.motion-orb i{width:70px;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#d9fff7,var(--cyan) 8%,#234d4b 35%,#050708 70%);border-radius:50%;box-shadow:0 0 70px rgba(66,245,212,.35)}.motion-orb span,.motion-orb b{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 10px var(--purple)}.motion-orb span{top:20%;left:25%}.motion-orb b{bottom:18%;right:22%}@keyframes orbSpin{to{transform:rotate(360deg)}}.pipeline{align-self:center;display:flex;align-items:center;justify-content:center}.pipeline span{width:54px;aspect-ratio:1;border:1px solid #2a3b40;display:grid;place-items:center;font:10px var(--mono);color:#8da0a5;transform:rotate(45deg)}.pipeline span:nth-of-type(4){border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 20px rgba(66,245,212,.1)}.pipeline i{width:28px;height:1px;background:linear-gradient(90deg,#304148,var(--cyan));position:relative}.pipeline i:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--cyan);top:-1px;animation:packet 1.4s linear infinite}@keyframes packet{from{left:0}to{left:100%}}
.process{padding-top:150px;padding-bottom:160px;background:#080c0e;border-top:1px solid var(--line)}.process__head{display:grid;grid-template-columns:1fr 1.25fr .75fr;gap:5vw;align-items:end;margin-bottom:110px}.process__head .section-tag{margin:0;align-self:start}.process h2{font-size:clamp(49px,6.5vw,100px);line-height:.84;letter-spacing:-.07em;margin:0}.process h2 em{font-style:normal;color:var(--cyan)}.process__head>p{font:11px/1.9 var(--mono);color:#697d83}.process__line{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process__line:before{content:"";position:absolute;left:0;right:0;top:40px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--purple),#26373c)}.process__line article{position:relative;padding:0 35px 0 0;min-height:230px}.process__line article>span{display:grid;place-items:center;width:80px;height:80px;border:1px solid #26373c;border-radius:50%;background:#080c0e;font:12px var(--mono);color:var(--cyan);position:relative;z-index:2;transition:.35s}.process__line article:hover>span{background:var(--cyan);color:#06100e;box-shadow:0 0 35px rgba(66,245,212,.25);scale:1.08}.process__line small{display:block;margin-top:34px;font:10.5px var(--mono);letter-spacing:.15em;color:var(--cyan)}.process__line h3{font-size:20px;margin:13px 0}.process__line p{font-size:11px;line-height:1.8;color:#6a7d83;max-width:230px}
.contact{min-height:110vh}.contact .section-tag{position:absolute;top:120px}.footer{min-height:340px;height:auto!important;margin:100px calc(clamp(24px,7vw,112px)*-1) 0;padding:55px clamp(24px,7vw,112px) 0;display:grid!important;grid-template-columns:1.6fr repeat(3,1fr);align-items:start!important;gap:45px;background:#050708;border-top:1px solid var(--line);position:relative;z-index:3}.footer__brand b{font-size:clamp(25px,3vw,48px);line-height:.85;letter-spacing:-.06em}.footer__brand sup{font:10.5px var(--mono);color:var(--cyan);vertical-align:top}.footer__brand>span{display:block;margin-top:28px;font:10.5px/1.7 var(--mono);letter-spacing:.1em;color:#6c7c81}.footer small{font:10px var(--mono);letter-spacing:.16em;color:#6d7c80;display:block;margin-bottom:24px}.footer__nav,.footer__social{display:flex;flex-direction:column;gap:12px}.footer__nav a,.footer__social a,.footer__status a{font:11px var(--mono);color:#91a3a8;text-decoration:none;transition:.2s}.footer a:hover{color:var(--cyan);padding-left:4px}.footer__status p{font:10.5px/1.7 var(--mono);color:#8fa1a5}.footer__status p i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);margin-right:8px}.footer__status>a{display:block;margin-top:38px}.footer__base{grid-column:1/-1;height:58px;border-top:1px solid #172226;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#6e7c80;letter-spacing:.1em}
@media(max-width:1100px){.nav-signal{display:none}.bento{grid-template-columns:repeat(2,1fr)}.bento-card--tall{grid-row:span 1}.footer{grid-template-columns:1.5fr repeat(2,1fr)}.footer__status{display:none}}
@media(max-width:760px){.capabilities__head{display:block}.capabilities__head .section-tag{margin-bottom:35px}.capabilities h2{text-align:left}.bento{grid-template-columns:1fr}.bento-card--wide{grid-column:auto;display:flex}.pipeline{margin-top:45px}.process__head{grid-template-columns:1fr;gap:28px}.process__line{grid-template-columns:1fr}.process__line:before{left:39px;top:0;bottom:0;width:1px;height:auto}.process__line article{padding:0 0 45px 105px;min-height:170px}.process__line article>span{position:absolute;left:0;top:0}.process__line small{margin-top:0;padding-top:9px}.footer{grid-template-columns:1.5fr 1fr;gap:50px 20px}.footer__social{display:none}.hero__chips{display:none}}
@media(max-width:500px){.bento-card{padding:28px;min-height:300px}.bento-card--wide{min-height:360px}.footer{grid-template-columns:1fr}.footer__nav{display:none}.footer__base span:nth-child(2){display:none}.footer__base{gap:20px}.capabilities,.process{padding-top:95px;padding-bottom:100px}}

/* Runtime performance controls */
.section{content-visibility:auto;contain-intrinsic-size:900px}.hero{content-visibility:visible;contain-intrinsic-size:auto}.motion-paused *{animation-play-state:paused!important}.process__line:after{content:"";position:absolute;left:0;top:40px;width:0;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width 1.8s cubic-bezier(.2,.7,.2,1)}.process__line.active:after{width:100%}@media(max-width:760px){.process__line:after{left:39px;top:0;width:1px;height:0;transition:height 1.8s cubic-bezier(.2,.7,.2,1)}.process__line.active:after{width:1px;height:100%}}@media(max-width:700px){#network{opacity:.2}.terminal,.nav-wrap{}.project,.bento-card{transform:none!important}}@media(prefers-reduced-motion:reduce){#network,.cursor-aura{display:none}.motion-paused *{animation-play-state:paused!important}}

/* Portrait and project image bays */
.profile-frame{grid-column:1;margin:55px 0 0;width:min(100%,520px)}.profile-frame__viewport{aspect-ratio:4/5;border:1px solid #26383e;background:#080d0f;overflow:hidden;position:relative;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,35px 100%,0 calc(100% - 35px))}.image-slot>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transform:scale(1.035);filter:saturate(.8) contrast(1.06);transition:opacity .5s,transform 1.2s,filter .5s}.image-slot.has-image>img{opacity:1}.image-slot.has-image:hover>img{transform:scale(1);filter:saturate(1) contrast(1.03)}.image-slot__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,rgba(66,245,212,.04),transparent 50%),repeating-linear-gradient(0deg,transparent 0 28px,rgba(66,245,212,.035) 29px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(66,245,212,.035) 29px);font-family:var(--mono)}.image-slot__empty:before{content:"+";width:70px;height:70px;border:1px solid rgba(66,245,212,.35);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:25px;margin-bottom:26px;box-shadow:0 0 30px rgba(66,245,212,.08)}.image-slot__empty span{font-size:10px;letter-spacing:.16em;color:var(--cyan)}.image-slot__empty b{font-size:18px;line-height:1.15;text-align:center;letter-spacing:-.04em;margin:12px}.image-slot__empty small{font-size:10px;color:#6c7c81}.profile-frame__scan{position:absolute;z-index:2;left:0;right:0;top:-10%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);opacity:.45;animation:portraitScan 5s ease-in-out infinite}.profile-frame__viewport:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(3,8,9,.7)),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);pointer-events:none}.corner{position:absolute;z-index:3;width:22px;height:22px;border-color:var(--cyan);border-style:solid}.c1{left:14px;top:14px;border-width:1px 0 0 1px}.c2{right:14px;top:14px;border-width:1px 1px 0 0}.c3{right:14px;bottom:14px;border-width:0 1px 1px 0}.c4{left:14px;bottom:14px;border-width:0 0 1px 1px}@keyframes portraitScan{50%,100%{top:105%}}.profile-frame figcaption{height:52px;border:1px solid #26383e;border-top:0;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 14px;font:10px var(--mono);letter-spacing:.1em;color:#6d8187}.profile-frame figcaption b{color:#a7b8bc;font-weight:400}.profile-frame figcaption i{grid-row:1/3;grid-column:2;font-style:normal;color:var(--cyan)}
.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:100px}.project-gallery__head{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:12px;font:10.5px var(--mono);letter-spacing:.12em;color:var(--cyan)}.project-gallery__head p{margin:0;color:#6b7d83;letter-spacing:0}.project-shot{grid-column:span 4;aspect-ratio:16/11;margin:0;position:relative;overflow:hidden;border:1px solid #223137;background:#070b0d}.project-shot:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,6,7,.95));pointer-events:none}.project-shot figcaption{position:absolute;z-index:3;left:18px;right:18px;bottom:14px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;font:10px var(--mono);letter-spacing:.1em}.project-shot figcaption b{font-size:15px;color:var(--cyan)}.project-shot figcaption span{color:#9badb1}.project-shot figcaption i{font-style:normal;color:#6c7c81}.project-shot .image-slot__empty:before{width:48px;height:48px;margin-bottom:16px}.project-shot .image-slot__empty b{font-size:12px}.project-shot .image-slot__empty small{font-size:10px}.project-shot:nth-of-type(3){translate:0 38px}.project-shot:nth-of-type(4){translate:0 76px}.project-shot.has-image{box-shadow:0 20px 50px rgba(0,0,0,.25)}
@media(max-width:900px){.profile-frame{grid-column:auto;margin-top:20px}.project-shot{grid-column:span 6}.project-shot:nth-of-type(3),.project-shot:nth-of-type(4){translate:0}.project-shot:last-child{grid-column:4/span 6}}@media(max-width:600px){.profile-frame{width:100%;margin-top:10px}.project-gallery{display:block;margin-top:70px}.project-gallery__head p{display:none}.project-shot,.project-shot:last-child{width:100%;margin-bottom:12px}.project-shot:nth-of-type(3),.project-shot:nth-of-type(4){translate:0}}

/* V4 — unified editorial layout */
:root{--content:1280px;--section-y:clamp(100px,10vw,160px)}
.about__grid,.capabilities__head,.bento,.section-head,.project-list,.project-gallery,.stack>.section-tag,.stack__layout,.manifesto__pin,.principles,.process__head,.process__line{width:100%;max-width:var(--content);margin-left:auto;margin-right:auto}
.about,.capabilities,.work,.stack,.manifesto,.process{padding-top:var(--section-y);padding-bottom:var(--section-y)}
.section-tag{margin-bottom:clamp(38px,5vw,68px)}
.about__grid{grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);grid-template-areas:"title title" "media copy";column-gap:clamp(55px,8vw,120px);row-gap:70px;align-items:start}.about h2{grid-area:title;max-width:1000px;font-size:clamp(52px,7.2vw,104px)}.about__copy{grid-area:copy;padding-top:0;max-width:650px}.about__copy>p{font-size:clamp(16px,1.45vw,22px)}.profile-frame{grid-area:media;grid-column:auto;width:100%;max-width:430px;margin:0}.metrics{margin-top:45px}.metrics div{padding:0 14px}
.capabilities__head{align-items:start;margin-bottom:70px}.capabilities__head h2{max-width:820px}.bento{gap:14px}.bento-card{min-height:320px}.bento-card--tall{min-height:654px}
.section-head{margin-bottom:70px}.section-head>p{margin-bottom:8px}.project{grid-template-columns:48px minmax(380px,1fr) minmax(280px,420px) 50px;gap:clamp(18px,3vw,46px);padding:58px 0}.project__art{width:100%}.project-gallery{margin-top:110px;padding-top:0}.project-gallery__head{align-items:end;margin-bottom:24px;padding-bottom:24px}.project-gallery__head>div span{font:10.5px var(--mono);letter-spacing:.14em;color:var(--cyan)}.project-gallery__head h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.05em;margin:10px 0 0;color:var(--text)}.project-gallery__head p{text-align:right;font:11px/1.7 var(--mono);letter-spacing:0}.project-gallery__head p b{color:#91a5aa;font-weight:400}.project-shot:nth-of-type(3),.project-shot:nth-of-type(4){translate:0}.project-shot{aspect-ratio:16/10}.project-shot figcaption{bottom:16px}
.stack__layout{grid-template-columns:minmax(320px,.85fr) minmax(540px,1.15fr);gap:clamp(50px,7vw,100px)}.manifesto__pin{grid-template-columns:minmax(380px,.85fr) minmax(500px,1.15fr);gap:5vw}.principles{margin-top:70px}.process__head{grid-template-columns:.65fr 1.25fr .8fr}.process__line article:last-child{padding-right:0}
.contact__content{width:100%;max-width:1200px;padding-inline:20px}.contact-link{margin-bottom:30px}.footer{width:calc(100% + 2 * clamp(24px,7vw,112px));max-width:none;margin-left:calc(clamp(24px,7vw,112px)*-1);margin-right:calc(clamp(24px,7vw,112px)*-1)}
@media(max-width:1000px){.about__grid{grid-template-columns:minmax(260px,.75fr) minmax(380px,1.25fr);column-gap:50px}.project{grid-template-columns:38px 1fr 42px}.project__art{display:none}.manifesto__pin{grid-template-columns:1fr}.stack__layout{grid-template-columns:1fr}.bento-card--tall{min-height:320px}}
@media(max-width:760px){:root{--section-y:95px}.about__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "media" "copy";row-gap:45px}.profile-frame{max-width:480px}.about__copy{max-width:none}.capabilities__head{margin-bottom:50px}.project{grid-template-columns:28px 1fr 40px}.project-gallery{margin-top:75px}.project-gallery__head{display:block}.project-gallery__head p{display:none}.project-shot{grid-column:1/-1;margin-bottom:12px}.project-shot:last-child{grid-column:1/-1}.manifesto__pin{display:block}.reactor{margin-top:30px}}

/* Stable document flow: no estimated section heights or anchor layout shifts */
.section{content-visibility:visible;contain-intrinsic-size:auto}.section[id]{scroll-margin-top:86px}.marquee{position:relative;z-index:2}.about>.section-tag{width:100%;max-width:var(--content);margin-left:auto;margin-right:auto}.work,.capabilities,.manifesto,.process{isolation:isolate}.work:before,.capabilities:before,.manifesto:after,.process:after{pointer-events:none}

/* Capabilities cleanup — deliberate 2-row composition */
.capabilities__head{display:block;margin-bottom:64px}.capabilities__head .section-tag{margin-bottom:34px}.capabilities__head h2{text-align:left;max-width:900px;font-size:clamp(48px,6vw,86px);line-height:.9}.capabilities__head h2 br{display:none}.capabilities__head h2 em{display:block;margin-top:6px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:auto;gap:14px}.bento-card,.bento-card--wide,.bento-card--tall{grid-column:span 2;grid-row:auto;min-height:360px;display:flex;padding:34px}.bento-card:nth-child(1){grid-column:span 4;min-height:410px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:end;gap:45px}.bento-card:nth-child(2){grid-column:span 2;min-height:410px}.bento-card:nth-child(5){display:flex}.bento-card h3{font-size:clamp(27px,2.35vw,38px);margin:14px 0 16px}.bento-card p{max-width:380px}.bento-card--tall .motion-orb{height:130px;margin:25px 0 -10px}.motion-orb:before{width:115px}.motion-orb:after{width:78px}.motion-orb i{width:44px}.code-stream{width:100%;min-height:150px;justify-content:center}.pipeline{width:100%;margin-top:35px;justify-content:flex-start;transform:scale(.82);transform-origin:left center}.pipeline span{flex:0 0 50px}.pipeline i{width:20px}.binary{margin-top:25px}.mini-graph{margin-top:25px}.bento-card:hover{transform:translateY(-3px)}
@media(max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card,.bento-card--wide,.bento-card--tall,.bento-card:nth-child(1),.bento-card:nth-child(2){grid-column:span 1;min-height:350px;display:flex}.bento-card:nth-child(1){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.bento-card:nth-child(5){grid-column:1/-1}.pipeline{transform:none}}
@media(max-width:650px){.capabilities__head h2 br{display:block}.bento{grid-template-columns:1fr}.bento-card,.bento-card:nth-child(1),.bento-card:nth-child(2),.bento-card:nth-child(5){grid-column:1;display:flex;min-height:330px}.code-stream{display:none}.pipeline{transform:scale(.78);margin-bottom:-10px}.capabilities__head{margin-bottom:45px}}

/* Choreographed 3D scroll entrances */
.reveal.reveal-3d-active{will-change:transform,opacity;transition-property:transform,opacity;transition-duration:900ms,700ms;transition-delay:var(--reveal-delay,0ms);transition-timing-function:cubic-bezier(.16,1,.3,1)}.reveal-left{transform:perspective(1200px) translate3d(-90px,20px,-80px) rotateY(9deg);transform-origin:left center}.reveal-right{transform:perspective(1200px) translate3d(90px,20px,-80px) rotateY(-9deg);transform-origin:right center}.reveal-up{transform:perspective(1200px) translate3d(0,85px,-70px) rotateX(-7deg);transform-origin:center bottom}.reveal-down{transform:perspective(1200px) translate3d(0,-75px,-70px) rotateX(7deg);transform-origin:center top}.reveal-left.visible,.reveal-right.visible,.reveal-up.visible,.reveal-down.visible{opacity:1;transform:perspective(1200px) translate3d(0,0,0) rotateX(0) rotateY(0)}
@media(max-width:700px){.reveal-left{transform:perspective(900px) translate3d(-34px,14px,-25px) rotateY(4deg)}.reveal-right{transform:perspective(900px) translate3d(34px,14px,-25px) rotateY(-4deg)}.reveal-up{transform:perspective(900px) translate3d(0,38px,-25px) rotateX(-3deg)}.reveal-down{transform:perspective(900px) translate3d(0,-32px,-25px) rotateX(3deg)}}@media(prefers-reduced-motion:reduce){.reveal-left,.reveal-right,.reveal-up,.reveal-down{opacity:1!important;transform:none!important;transition:none!important}}

/* Continuous WebGL world — scroll controls one persistent 3D scene */
main{position:relative;z-index:1}


/* Ultra-wide hero density and architecture map */
.hero__data-cloud{position:absolute;z-index:0;left:38%;top:24%;width:31%;height:48%;pointer-events:none;opacity:.62}.hero__data-cloud svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero__data-cloud path{fill:none;stroke:rgba(66,245,212,.16);stroke-width:1;stroke-dasharray:5 10;animation:dataFlow 14s linear infinite}.hero__data-cloud path:nth-child(2){stroke:rgba(155,109,255,.14);animation-direction:reverse}.hero__data-cloud circle{fill:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan))}@keyframes dataFlow{to{stroke-dashoffset:-220}}.data-node{position:absolute;min-width:112px;padding:10px 12px;border:1px solid rgba(66,245,212,.18);background:rgba(5,10,12,.88);font:10px/1.7 var(--mono);letter-spacing:.1em;color:#6b7d82}.data-node:before{content:"";position:absolute;width:4px;height:4px;background:var(--cyan);top:-2px;left:-2px;box-shadow:0 0 7px var(--cyan)}.data-node span,.data-node b,.data-node i{display:block}.data-node b{color:#93aaa9;font-weight:400}.data-node i{font-style:normal;color:var(--cyan)}.dn1{left:3%;bottom:7%}.dn2{left:39%;top:4%}.dn3{right:-5%;top:28%}.dn4{right:8%;bottom:2%}.hero__vertical-type{position:absolute;z-index:0;left:50%;bottom:5%;translate:-50%;font:10px var(--mono);letter-spacing:.32em;color:#263a40;white-space:nowrap}.hero__vertical-type:before,.hero__vertical-type:after{content:"";display:inline-block;width:70px;height:1px;background:#1c2d32;vertical-align:middle;margin:0 18px}.hero__copy,.hero__visual{position:relative;z-index:2}.hero__ghost{-webkit-text-stroke-color:rgba(255,255,255,.052)}
@media(min-width:1700px){.hero{grid-template-columns:1fr 1fr;padding-left:max(5vw,68px);padding-right:max(5vw,68px)}.hero h1{font-size:clamp(105px,6.4vw,142px)}.hero__intro{font-size:17px;max-width:620px}.hero__visual{height:min(680px,64vw)}.orbit-scene{width:min(570px,35vw)}.system-card{right:2%;bottom:9%}.hero__data-cloud{left:34%;width:36%}.hero__ghost{font-size:min(20vw,380px);opacity:1}}
@media(max-width:1200px){.hero__data-cloud{opacity:.32;left:36%;width:35%}.data-node{display:none}.hero__vertical-type{display:none}}@media(max-width:900px){.hero__data-cloud{display:none}}

/* Robotic kinetic contact headline */
.contact__content{isolation:isolate}.contact__content h2{perspective:1200px;position:relative;z-index:2}.kinetic-letter{display:inline-block;position:relative;will-change:transform,color,filter;transform-origin:50% 55%}.robot-live .kinetic-letter{animation:letterAssembly 7s cubic-bezier(.22,.8,.25,1) infinite;animation-delay:calc(var(--i)*12ms)}@keyframes letterAssembly{0%,10%{transform:translate3d(0,0,0) rotate(0);color:inherit;filter:none}18%{transform:translate3d(calc(var(--dx)*.22),calc(var(--dy)*.22),35px) rotate(calc(var(--dr)*.3));color:#dff;filter:drop-shadow(0 0 2px var(--cyan))}28%{transform:translate3d(var(--dx),var(--dy),90px) rotate(var(--dr));color:hsl(calc(165 + var(--hue)) 100% 68%);filter:drop-shadow(0 0 9px currentColor)}36%{transform:translate3d(calc(var(--dx)*-.18),calc(var(--dy)*-.18),-18px) rotate(calc(var(--dr)*-.16));color:#9b6dff;filter:drop-shadow(0 0 5px #9b6dff)}43%,55%{transform:translate3d(0,0,0) rotate(0);color:inherit;filter:none}59%{transform:translateX(2px) skewX(-5deg);color:var(--cyan)}61%{transform:translateX(-2px) skewX(4deg);color:#a77cff}63%,100%{transform:none;color:inherit;filter:none}}
.contact__content h2 em .kinetic-letter{color:transparent;-webkit-text-stroke:1px var(--cyan)}.robot-live h2 em .kinetic-letter{animation-name:letterAssemblyOutline}.robot-live h2 em .kinetic-letter:nth-child(3n){animation-delay:calc(var(--i)*12ms + 40ms)}@keyframes letterAssemblyOutline{0%,10%,43%,55%,63%,100%{transform:none;color:transparent;-webkit-text-stroke:1px var(--cyan);filter:none}18%{transform:translate3d(calc(var(--dx)*.22),calc(var(--dy)*.22),35px);color:transparent;-webkit-text-stroke:1px #cffff7}28%{transform:translate3d(var(--dx),var(--dy),90px) rotate(var(--dr));color:hsla(calc(165 + var(--hue)) 100% 60%/.16);-webkit-text-stroke:1px hsl(calc(165 + var(--hue)) 100% 65%);filter:drop-shadow(0 0 8px currentColor)}36%{transform:translate3d(calc(var(--dx)*-.18),calc(var(--dy)*-.18),-18px);color:transparent;-webkit-text-stroke:1px #9b6dff}59%{transform:translateX(2px) skewX(-5deg);color:transparent;-webkit-text-stroke:1px var(--cyan)}61%{transform:translateX(-2px) skewX(4deg);color:transparent;-webkit-text-stroke:1px #9b6dff}}
.robot-rig{position:absolute;z-index:1;inset:-12% -7%;pointer-events:none;opacity:0;transition:opacity .5s}.robot-live .robot-rig{opacity:.75}.rig-corner{position:absolute;width:54px;height:54px;border-color:var(--cyan);border-style:solid;animation:rigLock 7s steps(5) infinite}.rc1{left:0;top:0;border-width:1px 0 0 1px}.rc2{right:0;top:0;border-width:1px 1px 0 0}.rc3{right:0;bottom:0;border-width:0 1px 1px 0}.rc4{left:0;bottom:0;border-width:0 0 1px 1px}@keyframes rigLock{0%,12%{width:20px;height:20px;opacity:.25}28%{width:75px;height:75px;opacity:1}43%,100%{width:54px;height:54px;opacity:.5}}.rig-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan);animation:robotScan 3.5s linear infinite}@keyframes robotScan{to{top:100%}}.rig-axis{position:absolute;background:rgba(66,245,212,.13)}.rig-axis.rx{left:0;right:0;height:1px;top:50%}.rig-axis.ry{top:0;bottom:0;width:1px;left:50%}.robot-rig small{position:absolute;right:0;top:-18px;font:10px var(--mono);letter-spacing:.16em;color:var(--cyan)}
@media(max-width:700px){.robot-rig{inset:-6% -2%}.rig-corner{width:28px;height:28px}.robot-live .kinetic-letter{animation-duration:7.5s}@keyframes letterAssembly{0%,12%,45%,100%{transform:none;color:inherit;filter:none}27%{transform:translate3d(calc(var(--dx)*.35),calc(var(--dy)*.35),20px) rotate(calc(var(--dr)*.3));color:var(--cyan)}35%{transform:none;color:inherit;filter:none}}}@media(prefers-reduced-motion:reduce){.kinetic-letter{animation:none!important}.robot-rig{display:none}}

/* Social connection system */
.social-rail{position:fixed;z-index:38;left:20px;top:50%;translate:0 -50%;display:flex;flex-direction:column;align-items:center;gap:8px}.social-rail:before,.social-rail:after{content:"";width:1px;height:38px;background:linear-gradient(transparent,#294047)}.social-rail:after{background:linear-gradient(#294047,transparent)}.social-rail>span{font:10px var(--mono);letter-spacing:.18em;color:#6c7d82;writing-mode:vertical-rl;margin-bottom:8px}.social-rail a{width:30px;height:30px;border:1px solid #1d3035;display:grid;place-items:center;text-decoration:none;font:10px var(--mono);color:#688087;background:rgba(5,10,12,.65);transition:.25s}.social-rail a:hover{border-color:var(--cyan);color:var(--cyan);transform:translateX(4px);box-shadow:0 0 14px rgba(66,245,212,.1)}.contact-socials{width:min(900px,90vw);margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #203137;border-left:1px solid #203137}.contact-socials a{height:58px;padding:0 16px;border-right:1px solid #203137;border-bottom:1px solid #203137;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-decoration:none;background:rgba(5,10,12,.88);font:10.5px var(--mono);letter-spacing:.1em;transition:.25s}.contact-socials a b{font-weight:400;color:#687d82}.contact-socials a span{color:#91a5aa}.contact-socials a i{font-style:normal;color:var(--cyan);transition:.25s}.contact-socials a:hover{background:rgba(66,245,212,.07);border-color:rgba(66,245,212,.5)}.contact-socials a:hover span{color:var(--cyan)}.contact-socials a:hover i{transform:rotate(45deg)}
@media(max-width:900px){.social-rail{display:none}.contact-socials{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.contact-link{font-size:12px}.contact-socials{grid-template-columns:1fr;margin-top:38px}.contact-socials a{height:52px}}

/* Readability pass — accessible sizes for labels and controls */
.nav-wrap nav a{font-size:11px;letter-spacing:.1em}.brand{font-size:15px}.brand i{font-size:11px}.sound-toggle{font-size:11px}.nav-signal{font-size:11px}.eyebrow{font-size:11px;line-height:1.5}.hero__intro{font-size:16px}.btn{font-size:11px;min-height:54px}.hero__index{font-size:11px}.hero__chips span{font-size:11px}.hero__code{font-size:11px}.section-tag{font-size:11px;line-height:1.5}.about__copy>p{color:#91a4aa}.metrics span{font-size:11px}.project__no{font-size:11px}.project__body>span{font-size:11px}.project p{font-size:14px;color:#85999f}.project li{font-size:11px}.section-head>p{font-size:13px}.bento-card__index{font-size:11px}.bento-card small{font-size:11px}.bento-card p{font-size:13px;color:#84989e}.code-stream{font-size:11px}.binary{font-size:11px}.terminal__bar span{font-size:11px}.terminal__body{font-size:12px}.skill>span,.skill>em{font-size:11px}.manifesto__kicker{font-size:11px}.manifesto__text{font-size:16px;color:#8ea1a7}.reactor__label{font-size:11px}.principles span{font-size:11px}.principles p{font-size:12px}.process__head>p{font-size:12px}.process__line small{font-size:11px}.process__line p{font-size:12px;color:#788c92}.contact__content>p{font-size:11px}.contact-socials a{font-size:11px;min-height:62px}.footer small{font-size:11px}.footer__nav a,.footer__social a,.footer__status a{font-size:11px}.footer__brand>span{font-size:11px}.footer__status p{font-size:11px}.footer__base{font-size:11px}.profile-frame figcaption{font-size:11px}.project-gallery__head>div span{font-size:11px}.project-gallery__head p{font-size:11px}.project-shot figcaption{font-size:11px}.data-node{font-size:10.5px}.social-rail a{width:34px;height:34px;font-size:11px}.social-rail>span{font-size:10.5px}
@media(max-width:600px){.eyebrow{font-size:11px}.section-tag{font-size:11px}.hero__intro{font-size:15px}.project p,.bento-card p{font-size:13px}.contact-link{font-size:13px}.footer__base{font-size:10.5px}}

/* Mobile composition — designed as its own layout */
@media(max-width:600px){
  body{overflow-x:hidden}.nav-wrap{height:64px;padding:0 18px;background:rgba(5,9,11,.94)}.brand{font-size:13px;letter-spacing:.05em}.brand>span{width:27px;height:27px;margin-right:7px}.brand i{font-size:11px}.sound-toggle{display:flex;padding:10px 0}.sound-toggle b{display:none}.sound-bars{height:14px}
  .section{padding-left:18px;padding-right:18px}.hero{min-height:100svh;padding:102px 18px 48px;display:flex;align-items:flex-start}.hero__copy{width:100%}.eyebrow{margin-bottom:24px;max-width:290px}.hero h1{font-size:clamp(51px,15vw,66px);line-height:.84;letter-spacing:-.065em}.hero__intro{max-width:335px;margin:30px 0 26px;line-height:1.65;color:#9aadb2}.hero__actions{width:100%;max-width:340px;gap:9px}.btn{height:51px;min-height:51px;width:100%;font-size:11px}.hero__visual{top:auto;bottom:20px;right:-42px;width:230px;height:230px;opacity:.58;pointer-events:none}.orbit-scene{width:220px}.core{transform:scale(.72)}.hero__ghost{top:36%;font-size:35vw;opacity:.65}.hero__index{bottom:18px;font-size:10px;width:45%}.hero__chips,.hero__code,.hero__rail,.hero__vertical-type{display:none}.marquee div{padding:14px 0;font-size:11px}.marquee i{margin:0 20px}
  :root{--section-y:82px}.section-tag{margin-bottom:34px}.about__grid{row-gap:38px}.about h2,.capabilities h2,.stack h2,.manifesto h2,.process h2{font-size:clamp(45px,13vw,58px);line-height:.88}.profile-frame{max-width:100%}.about__copy>p{font-size:16px;line-height:1.7}.metrics{margin-top:34px;padding-top:24px}.metrics strong{font-size:27px}.metrics span{font-size:10.5px}.metrics div{padding:0 7px}
  .capabilities__head{margin-bottom:36px}.bento{gap:10px}.bento-card,.bento-card:nth-child(1),.bento-card:nth-child(2),.bento-card:nth-child(5){min-height:285px;padding:27px}.bento-card h3{font-size:31px}.bento-card p{line-height:1.7}.bento-card__icon{top:22px;right:22px}.pipeline{max-width:330px;overflow:hidden}
  .section-head{margin-bottom:45px}.section-head>p{font-size:12px;margin-top:0}.project{grid-template-columns:23px minmax(0,1fr) 36px;gap:10px;padding:36px 0;min-height:0}.project h3{font-size:35px;margin:17px 0}.project p{line-height:1.65}.project ul{gap:5px}.project li{font-size:10.5px;padding:6px}.project>a{width:36px;height:36px}.project-gallery{margin-top:58px}.project-gallery__head h3{font-size:30px}.project-shot{aspect-ratio:4/3}
  .stack__layout{gap:42px}.stack__title>p{font-size:14px;line-height:1.7}.terminal__bar{padding:0 12px}.terminal__bar span{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal__body{font-size:11px;overflow:hidden}.skill{grid-template-columns:112px 1fr 29px}.terminal code{font-size:11px;overflow-wrap:anywhere}
  .manifesto{min-height:auto}.manifesto__text{font-size:15px}.reactor{height:345px;margin:20px -45px 0}.reactor__label{font-size:10px}.principles{margin-top:35px}.principles article{padding:27px 20px}.principles strong{font-size:18px}.principles p{font-size:11px}
  .process__head{margin-bottom:55px}.process__head>p{font-size:11px}.process__line article{padding-left:86px;padding-bottom:38px}.process__line article>span{width:64px;height:64px}.process__line:before,.process__line:after{left:31px}.process__line h3{font-size:18px}.process__line p{font-size:11px}
  .contact{min-height:auto;padding-top:105px}.contact .section-tag{top:72px}.contact h2{font-size:clamp(46px,14vw,61px);line-height:.84}.contact__content{padding:70px 0 40px}.contact-link{max-width:100%;font-size:11px;gap:10px;margin-top:34px}.contact-socials{width:100%;margin-top:34px}.contact-socials a{min-height:52px}.robot-rig{inset:3% -1%}.footer{margin-top:60px;padding-top:40px;min-height:0}.footer__brand b{font-size:35px}.footer__brand>span{margin-top:18px}.footer__base{height:52px}.footer__base span:last-child{margin-left:auto}
  .cursor-aura,.telemetry{display:none}
}

.mobile-console{display:none}
@media(max-width:600px){
  .hero{min-height:auto;padding-bottom:34px}.hero__visual{display:none}.hero__index{display:none}
  .mobile-console{display:block;width:100%;max-width:340px;margin-top:30px;border:1px solid #22363b;background:linear-gradient(145deg,rgba(10,20,23,.96),rgba(5,9,11,.98));position:relative;overflow:hidden}.mobile-console:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(66,245,212,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,245,212,.035) 1px,transparent 1px);background-size:22px 22px}.mobile-console__top{height:38px;padding:0 12px;border-bottom:1px solid #1d3035;display:flex;align-items:center;justify-content:space-between;position:relative;font:10.5px var(--mono);letter-spacing:.1em;color:#687d83}.mobile-console__top b{font-weight:400;color:var(--cyan)}.mobile-console__top b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan);margin-right:6px;animation:signal 1.3s infinite}.mobile-console__body{height:165px;position:relative;display:grid;grid-template-columns:42% 58%;align-items:center}.mobile-core{width:88px;height:88px;margin:auto;border:1px solid rgba(66,245,212,.32);border-radius:50%;display:grid;place-items:center;position:relative;animation:mobileCore 8s linear infinite}.mobile-core:before,.mobile-core:after{content:"";position:absolute;inset:11px;border:1px dashed rgba(155,109,255,.55);border-radius:50%;animation:mobileCore 5s linear infinite reverse}.mobile-core:after{inset:26px;border-style:solid;border-color:var(--cyan);box-shadow:0 0 18px rgba(66,245,212,.24)}.mobile-core span{font:12px var(--mono);color:var(--cyan)}.mobile-core>i,.mobile-core>b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 8px var(--purple)}.mobile-core>i{top:5px;left:15px}.mobile-core>b{right:1px;bottom:27px;background:var(--cyan)}@keyframes mobileCore{to{transform:rotate(360deg)}}.mobile-console__data{position:relative;font-family:var(--mono);padding-right:12px}.mobile-console__data>span{font-size:10px;letter-spacing:.12em;color:var(--cyan)}.mobile-console__data strong{display:block;font:700 16px/1.05 var(--sans);letter-spacing:-.04em;margin:9px 0 15px}.mobile-console__data>div{height:30px;display:flex;align-items:end;gap:4px}.mobile-console__data>div i{width:7px;height:var(--mh,35%);background:linear-gradient(var(--cyan),rgba(66,245,212,.08));animation:mobileBars 1.4s ease-in-out infinite alternate}.mobile-console__data>div i:nth-child(2){--mh:75%;animation-delay:-.3s}.mobile-console__data>div i:nth-child(3){--mh:45%;animation-delay:-.8s}.mobile-console__data>div i:nth-child(4){--mh:90%;animation-delay:-.5s}.mobile-console__data>div i:nth-child(5){--mh:60%;animation-delay:-1s}.mobile-console__data>div i:nth-child(6){--mh:82%;animation-delay:-.2s}@keyframes mobileBars{to{height:calc(var(--mh,35%) + 10%)}}.mobile-console__foot{height:35px;border-top:1px solid #1d3035;display:flex;align-items:center;justify-content:space-around;position:relative}.mobile-console__foot span{font:10px var(--mono);color:#71868c}.mobile-console__foot span:nth-child(3){color:var(--cyan)}
}

/* ===== v3: performance, accessibility + polish layer ===== */
html{scroll-padding-top:72px}
html.has-cursor body,html.has-cursor a,html.has-cursor button{cursor:none}
.no-boot .boot{display:none}
.boot{transition:opacity .35s,visibility .35s}
.skip-link{position:fixed;left:16px;top:-64px;z-index:2000;background:var(--cyan);color:#05100f;padding:10px 16px;font:600 12px var(--mono);letter-spacing:.1em;text-decoration:none;transition:top .2s}
.skip-link:focus{top:16px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
::selection{background:rgba(66,245,212,.28);color:#fff}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* scroll progress animates with transform (no layout) */
.scroll-progress{width:100%;transform-origin:0 50%;transform:scaleX(0)}

/* nav: active state + underline */
.nav-wrap nav a{position:relative;padding:8px 0}
.nav-wrap nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.nav-wrap nav a:hover:after,.nav-wrap nav a.is-active:after{transform:scaleX(1)}
.nav-wrap nav a.is-active{color:var(--cyan)}

/* hero: stop the pipeline node colliding with the intro copy, keep chips and caption apart */
.hero__intro{max-width:31rem}
.dn1{left:18%}
.hero__vertical-type{bottom:76px;color:#3b5158}

/* buttons */
.btn--primary{box-shadow:0 0 0 1px rgba(66,245,212,.45),0 14px 44px -16px rgba(66,245,212,.55);transition:box-shadow .3s,background .3s,color .3s}
.btn--primary:hover{box-shadow:0 0 0 1px var(--cyan),0 18px 56px -14px rgba(66,245,212,.8)}
.btn--ghost:hover{border-color:rgba(66,245,212,.6)}

/* cards: hover affordance without touching the reveal transform */
.bento-card:not(.reveal-3d-active),.project:not(.reveal-3d-active){transition:opacity .8s,transform .8s,border-color .3s,box-shadow .3s,background-color .3s}
.bento-card:hover{border-color:rgba(66,245,212,.4);box-shadow:0 24px 70px -34px rgba(66,245,212,.4),inset 0 0 0 1px rgba(66,245,212,.06)}
.project:hover{background-color:rgba(66,245,212,.025)}
.project:hover h3{color:#fff;text-shadow:0 0 28px rgba(66,245,212,.25)}
.project__body ul li{transition:border-color .3s,color .3s}
.project:hover .project__body ul li{border-color:rgba(66,245,212,.35);color:#c5d6d9}

/* tech marquee fades at the edges */
.marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}

/* optional media: gallery only appears when real screenshots exist */
.project-gallery[hidden]{display:none}
.profile-frame .image-slot__empty:before{display:none}
.profile-frame .image-slot__empty b{font-size:clamp(72px,10vw,120px);font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(66,245,212,.55);margin:0 0 8px}
.profile-frame .image-slot__empty span,.profile-frame .image-slot__empty small{font-size:10px;letter-spacing:.2em;color:#6d8187}

@media(max-width:1200px){.dn1{left:8%}}
@media(max-width:700px){.hero__intro{max-width:335px}}
.telemetry{font-size:9px;gap:12px;letter-spacing:.08em}

/* ===== v3: compositor-only animations (transform/opacity) — the originals animated height/width/top/left and forced layout every frame ===== */
@keyframes eq{to{transform:scaleY(.95)}}
.sound-bars i,.sound-bars i:nth-child(2),.sound-bars i:nth-child(3),.sound-bars i:nth-child(4){height:100%;transform:scaleY(var(--s,.31))}
.sound-bars i:nth-child(2){--s:.75}
.sound-bars i:nth-child(3){--s:.5}
.sound-bars i:nth-child(4){--s:.88}
.muted .sound-bars i{animation:none;transform:scaleY(.14);background:var(--muted)}

@keyframes wave{to{transform:scaleY(1)}}
.art-wave span{height:75%;transform:scaleY(.267)}

@keyframes graph{to{transform:scaleY(calc(var(--s) + .08))}}
.mini-graph i{height:100%;transform:scaleY(var(--s,.35));transform-origin:50% 100%}
.mini-graph i:nth-child(1){--s:.35}.mini-graph i:nth-child(2){--s:.7}.mini-graph i:nth-child(3){--s:.45}.mini-graph i:nth-child(4){--s:.9}
.mini-graph i:nth-child(5){--s:.58}.mini-graph i:nth-child(6){--s:.8}.mini-graph i:nth-child(7){--s:.92}

@keyframes mobileBars{to{transform:scaleY(calc(var(--ms) + .1))}}
.mobile-console__data>div i{height:100%;transform:scaleY(var(--ms,.35));transform-origin:50% 100%}
.mobile-console__data>div i:nth-child(1){--ms:.35}.mobile-console__data>div i:nth-child(2){--ms:.75}.mobile-console__data>div i:nth-child(3){--ms:.45}
.mobile-console__data>div i:nth-child(4){--ms:.9}.mobile-console__data>div i:nth-child(5){--ms:.6}.mobile-console__data>div i:nth-child(6){--ms:.82}

@keyframes packet{from{transform:translateX(0)}to{transform:translateX(var(--run,24px))}}
.pipeline i:after{left:0}
@media(max-width:700px){.pipeline i{--run:16px}}

@keyframes portraitScan{from{transform:translateY(-10%)}50%,to{transform:translateY(105%)}}
.profile-frame__scan{inset:0;top:0;height:auto;background:none;box-shadow:none;opacity:1;animation-name:portraitScan}
.profile-frame__scan:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);opacity:.45}

@keyframes robotScan{from{transform:translateY(0)}to{transform:translateY(100%)}}
.robot-rig{overflow:hidden}
.rig-scan{inset:0;top:0;height:auto;background:none;box-shadow:none}
.rig-scan:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 10px var(--cyan)}

@keyframes rigLock{0%,12%{transform:scale(.37);opacity:.25}28%{transform:scale(1.39);opacity:1}43%,100%{transform:scale(1);opacity:.5}}
.rig-corner{width:54px;height:54px}
.rc1{transform-origin:0 0}.rc2{transform-origin:100% 0}.rc3{transform-origin:100% 100%}.rc4{transform-origin:0 100%}

/* off-screen blocks must pause pseudo-element animations too (`*` does not match ::before/::after) */
.motion-paused,.motion-paused *,.motion-paused *::before,.motion-paused *::after,.motion-paused::before,.motion-paused::after{animation-play-state:paused!important}

/* stroke-dashoffset animations repaint the SVG on the main thread every frame; keep the dashed lines static */
.hero__data-cloud path,.reactor svg{animation:none}

/* mobile fixes: the original cascade re-applied the 3-column process header on phones, and larger labels no longer fit beside the skill bars */
@media(max-width:700px){
  .process__head{grid-template-columns:1fr;gap:24px}
  .skill{grid-template-columns:1fr 36px;row-gap:8px}
  .skill>span{grid-column:1/-1}
  .bento .bento-card,.bento .bento-card--wide,.bento .bento-card--tall{padding-top:60px}
}
@media(max-height:860px){.telemetry span:first-child{display:none}}

/* lighter entrance: plain translate + fade, no perspective/3D, and no will-change on dozens of elements at once */
.reveal.reveal-3d-active{will-change:auto}
.reveal-left{transform:translate3d(-40px,0,0)}
.reveal-right{transform:translate3d(40px,0,0)}
.reveal-up{transform:translate3d(0,40px,0)}
.reveal-down{transform:translate3d(0,-32px,0)}
.reveal-left.visible,.reveal-right.visible,.reveal-up.visible,.reveal-down.visible{transform:none}
.kinetic-letter{will-change:auto}
@media(min-width:701px){.bento .bento-card--tall{padding-top:56px}}

/* nothing may widen the layout viewport on phones (the oversized ghost text did) */
html,main{overflow-x:clip}
@media(hover:none),(pointer:coarse){.sound-bars i{animation:none}}
@media(hover:none),(pointer:coarse){.hero__ghost{animation:none}}