:root{--ink-900:#020407;--ink-800:#04060a;--ink-700:#080c14;--ink-600:#0e1420;--cyan:#22f0dc;--cyan-dim:#0e9c92;--magenta:#ff3ec8;--magenta-dim:#a52380;--amber:#ffb454;--violet:#7b5cff;--accent:var(--cyan);--accent-soft:#22f0dc24;--accent-line:#22f0dc5c;--text:#f2f7fa;--text-dim:#b8c9d6;--text-faint:#8ba0b1;--panel:#05090fd1;--panel-solid:#04070cf0;--hairline:#ffffff24;--hairline-strong:#ffffff3d;--font-display:"Chakra Petch", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--step--1:clamp(.72rem, .68rem + .2vw, .82rem);--step-0:clamp(.94rem, .9rem + .2vw, 1.05rem);--step-1:clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2:clamp(1.5rem, 1.25rem + 1.2vw, 2.2rem);--step-3:clamp(2rem, 1.5rem + 2.4vw, 3.4rem);--step-4:clamp(2.8rem, 1.6rem + 5.4vw, 6.6rem);--notch:14px;--gutter:clamp(1.25rem, 4vw, 5rem);--blur:18px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}[data-accent=cyan]{--accent:var(--cyan);--accent-soft:#22f0dc24;--accent-line:#22f0dc5c}[data-accent=magenta]{--accent:var(--magenta);--accent-soft:#ff3ec824;--accent-line:#ff3ec85c}[data-accent=amber]{--accent:var(--amber);--accent-soft:#ffb45424;--accent-line:#ffb4545c}[data-accent=violet]{--accent:var(--violet);--accent-soft:#7b5cff29;--accent-line:#7b5cff66}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--ink-800);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;overflow-x:clip}h1,h2,h3,.hero__title,.section-title,.contact__title,.about__greeting,.case__title,.card__title,.skill__label,.rail__marker-label,.boot__count{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}body[data-booting=true]{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,video{max-width:100%;display:block}::selection{background:var(--cyan);color:var(--ink-900)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.mono{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.75rem;display:flex}.eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--accent));width:clamp(1.5rem,4vw,3.5rem);height:1px}.section-title{font-size:var(--step-3);letter-spacing:-.012em;text-shadow:0 2px 28px #020407cc, 0 0 16px var(--accent-soft);font-weight:700;line-height:1.02}.lede{color:var(--text);font-size:var(--step-1);text-shadow:0 1px 18px #020407e6,0 0 8px #0009;max-width:58ch;font-weight:300;line-height:1.55}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.panel{background:var(--panel);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, var(--notch) 100%, 0 calc(100% - var(--notch)));filter:drop-shadow(0 8px 16px #00000080) drop-shadow(0 0 6px var(--accent-soft));transition:filter .4s var(--ease-out);position:relative}.panel:hover{filter:drop-shadow(0 15px 30px #000000b3) drop-shadow(0 0 16px var(--accent-line))}.panel:before{content:"";background:linear-gradient(145deg, var(--accent-line), #ffffff0f 40%, transparent 70%);clip-path:inherit;-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ticks:after{content:"";pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) 0 0 / 1px 12px no-repeat, linear-gradient(90deg, var(--accent), var(--accent)) 0 0 / 12px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) 100% 100% / 1px 12px no-repeat, linear-gradient(90deg, var(--accent), var(--accent)) 100% 100% / 12px 1px no-repeat;opacity:.55;position:absolute;inset:8px}.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--hairline);white-space:nowrap;background:#ffffff0f;padding:.3rem .6rem;font-size:.68rem;transition:color .3s,border-color .3s,background .3s}.is-typing:after{content:"▌";color:var(--accent);margin-left:.15em;animation:.75s step-end infinite caret}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.tag-row{flex-wrap:wrap;gap:.4rem;display:flex}.btn{--btn-fg:var(--ink-900);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--btn-fg);background:var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), filter .35s;align-items:center;gap:.6rem;padding:.85rem 1.6rem;display:inline-flex;position:relative}.btn:hover{box-shadow:0 10px 30px -8px var(--accent);filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--ghost{--btn-fg:var(--text);box-shadow:inset 0 0 0 1px var(--accent-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a}.btn--ghost:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent), 0 10px 30px -14px var(--accent)}.link-arrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:.4rem;margin:-.35rem 0;padding:.35rem 0;transition:color .3s;display:inline-flex}.link-arrow svg{transition:transform .35s var(--ease-out)}.link-arrow:hover{color:var(--accent)}.link-arrow:hover svg{transform:translate(4px)}.link-arrow[aria-disabled=true]{opacity:.35;pointer-events:none}.backdrop{z-index:0;background:var(--ink-900);--cut:0;--mx:0;--my:0;--vel:0;position:fixed;inset:0;overflow:hidden}.backdrop__video{object-fit:cover;width:100%;height:100%;transform:scale(calc(1.06 + var(--cut) * .035 + var(--vel) * .025)) translate3d(calc(var(--mx) * -16px), calc(var(--my) * -16px), 0);filter:contrast(1.08) saturate(1.15) brightness(calc(.9 + var(--cut) * .14)) blur(calc(var(--cut) * 15px));will-change:transform, filter}.backdrop__still{filter:contrast(1.08)saturate(1.15)brightness(.9);will-change:auto;transform:scale(1.06)}.backdrop__cursor{background:radial-gradient(26vw circle at calc(50% + var(--mx) * 50%) calc(50% + var(--my) * 50%), #22f0dc1a, #7b5cff0d 45%, transparent 72%);mix-blend-mode:screen}.backdrop__layer{pointer-events:none;position:absolute;inset:0}.backdrop__scrim{background:radial-gradient(120% 90% at 50% 45%,#0000 30%,#0204078c 78%,#020407e0 100%),linear-gradient(#020407b8 0%,#0000 22% 62%,#020407c7 100%)}@media (width<=900px){.backdrop__scrim{background:linear-gradient(#020407e0,#020407bd 35% 65%,#020407e6)}}.backdrop__wash{mix-blend-mode:screen;background:radial-gradient(60% 50% at 12% 20%,#22f0dc1a,#0000 70%),radial-gradient(55% 45% at 88% 80%,#ff3ec81a,#0000 70%)}.backdrop__scanlines{opacity:.5;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000003d 0 1px,#0000 1px 3px)}.backdrop__grain{opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:.7s steps(3,end) infinite grain-drift}.backdrop__transition-blur{opacity:var(--cut);visibility:hidden;mix-blend-mode:screen;will-change:opacity;pointer-events:none;background:radial-gradient(120% 90%,#c8f0ff2e,#8cc8ff0f 60%,#0000 100%)}@keyframes grain-drift{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}.backdrop__sweep{opacity:.35;background:linear-gradient(#0000 0%,#22f0dc08 48%,#22f0dc14 50%,#22f0dc08 52%,#0000 100%);height:40vh;animation:9s linear infinite sweep;inset:auto 0}@keyframes sweep{0%{transform:translateY(-45vh)}to{transform:translateY(145vh)}}.backdrop__grid{background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(120% 100%,#000 20%,#0000 85%);mask-image:radial-gradient(120% 100%,#000 20%,#0000 85%)}.nav{z-index:60;width:100%;padding:clamp(1rem, 2.2vw, 1.8rem) var(--gutter);mix-blend-mode:normal;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0}.nav__mark{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:.7rem;display:flex}.nav__dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);animation:pulse 2.4s var(--ease-in-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.nav__name{font-weight:500}.nav__slash{color:var(--text-faint)}.nav__role{color:var(--text-dim)}.nav__links{align-items:center;gap:clamp(.5rem,1.6vw,1.6rem);display:flex}.nav__link{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);padding:.4rem .2rem;transition:color .3s;position:relative}.nav__link:after{content:"";background:var(--cyan);transform-origin:0;width:100%;height:1px;transition:transform .45s var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__link:hover,.nav__link[data-active=true]{color:var(--text)}.nav__link:hover:after,.nav__link[data-active=true]:after{transform:scaleX(1)}.nav__cv{font-size:var(--step--1);white-space:nowrap;padding:.55rem 1.1rem}.nav__here{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;font-size:.62rem}.nav__menu{perspective:900px;position:relative}.nav__toggle{border:1px solid var(--accent-line);color:var(--cyan);cursor:pointer;background:#05090fd1;align-items:center;gap:.4rem;min-height:34px;padding:.4rem .55rem;display:flex}.nav__caret{color:var(--cyan);flex:none}.nav__drop{z-index:2;border:1px solid var(--accent-line);perspective:900px;background:#05090ff7;flex-direction:column;min-width:12.5rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;overflow:hidden;box-shadow:0 18px 44px #0000008c,inset 0 0 0 1px #22f0dc0f}.nav__scan{pointer-events:none;background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:100%;height:2px;box-shadow:0 0 12px var(--cyan);opacity:0;position:absolute;top:0;left:0}.nav__drop-item{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);border-left:2px solid #0000;align-items:center;gap:.6rem;padding:.62rem .7rem;font-size:.7rem;display:flex;position:relative}.nav__drop-rule{background:linear-gradient(90deg, var(--accent-line), transparent);transform-origin:0;pointer-events:none;height:1px;position:absolute;bottom:0;left:.7rem;right:.7rem;transform:scaleX(0)}.nav__drop-num{color:var(--text-faint);font-size:.6rem}.nav__drop-item[data-active=true]{color:var(--text);border-left-color:var(--cyan);background:#ffffff0a}.nav__drop-item[data-active=true] .nav__drop-num{color:var(--cyan)}@media (width<=900px){.nav{gap:.5rem;padding-inline:clamp(1rem,4vw,1.5rem)}.nav__mark,.nav__name{white-space:nowrap}.nav__name{font-size:.68rem}.nav__menu,.nav__cv{flex:none}}@media (width<=420px){.nav__mark{letter-spacing:.1em;min-width:0;overflow:hidden}.nav__name{font-size:.62rem}.nav__here{letter-spacing:.1em;font-size:.58rem}.nav__cv{padding:.5rem .7rem}}.hud{z-index:55;pointer-events:none;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:.66rem;position:fixed;inset:0}.hud__rail{right:calc(var(--gutter) * .55);flex-direction:column;align-items:flex-end;gap:.9rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud__step{color:var(--text-faint);align-items:center;gap:.6rem;transition:color .4s;display:flex}.hud__step[data-active=true]{color:var(--cyan)}.hud__step-label{opacity:0;transition:opacity .4s, transform .4s var(--ease-out);font-size:.6rem;transform:translate(6px)}.hud__step[data-active=true] .hud__step-label{opacity:1;transform:translate(0)}.hud__step-bar{opacity:.35;width:22px;height:2px;transition:width .45s var(--ease-out), opacity .4s;background:currentColor}.hud__step[data-active=true] .hud__step-bar{opacity:1;width:40px;box-shadow:0 0 10px var(--cyan)}.hud__progress{background:#ffffff12;width:100%;height:2px;position:absolute;bottom:0;left:0}.hud__progress-fill{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--magenta));width:100%;height:100%;transform:scaleX(0);box-shadow:0 0 14px #22f0dc99}.hud__meta{left:var(--gutter);bottom:calc(var(--gutter) * .5);gap:1.5rem;display:flex;position:absolute}@media (width<=760px){.hud__meta{gap:1rem;bottom:.75rem;left:clamp(1rem,4vw,1.5rem)}.hud__meta>:first-child{display:none}}.hud__meta span{gap:.45rem;display:flex}.hud__meta b{color:var(--text-dim);font-weight:400}.hud__corner{border:1px solid #ffffff29;width:26px;height:26px;position:absolute}.hud__corner--tl{border-bottom:0;border-right:0;top:14px;left:14px}.hud__corner--tr{border-bottom:0;border-left:0;top:14px;right:14px}.hud__corner--bl{border-top:0;border-right:0;bottom:14px;left:14px}.hud__corner--br{border-top:0;border-left:0;bottom:14px;right:14px}.boot{z-index:200;position:fixed;inset:0;overflow:hidden}.boot__frame{z-index:1;grid-template-rows:auto 1fr auto auto;gap:clamp(1rem,3vh,2rem);padding:clamp(1.5rem,4vw,3.25rem);display:grid;position:absolute;inset:0}.boot__frame:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(110% 90% at 28%,#000 5%,#0000 78%);mask-image:radial-gradient(110% 90% at 28%,#000 5%,#0000 78%)}.boot__rule{border-bottom:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:clamp(.75rem,1.6vh,1.1rem);font-size:.68rem;display:flex}.boot__rule span:first-child{color:var(--text)}.boot__rule--foot{border-bottom:0;border-top:1px solid var(--hairline);align-self:end;padding-top:clamp(.75rem,1.6vh,1.1rem);padding-bottom:0}.boot__rule--foot span:first-child{color:var(--text-faint)}.boot__scan{pointer-events:none;background:linear-gradient(#0000,#22f0dc0d 45%,#22f0dc21 50%,#22f0dc0d 55%,#0000);height:32vh;animation:5.5s linear infinite boot-scan;position:absolute;left:0;right:0}@keyframes boot-scan{0%{transform:translateY(-40vh)}to{transform:translateY(140vh)}}.boot__core{flex-direction:column;align-self:center;gap:clamp(1.25rem,3vh,2.25rem);width:min(1180px,100%);margin-inline:auto;display:flex}.boot__stage{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(1.5rem,5vw,4rem);display:flex}.boot__readout{flex-direction:column;gap:.4rem;display:flex}.boot__label{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--cyan);font-size:.66rem}.boot__count{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 70px #22f0dc47;align-items:flex-start;gap:.35rem;font-size:clamp(4rem,13vw,11rem);font-weight:600;line-height:.82;display:flex}.boot__count sup{font-family:var(--font-mono);color:var(--cyan);letter-spacing:.2em;vertical-align:top;margin-top:.5em;font-size:.12em;font-weight:400}.boot__log{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);flex-direction:column;justify-content:flex-end;gap:.4rem;min-height:7rem;padding-bottom:.4rem;font-size:.68rem;display:flex}.boot__log li{opacity:0;gap:.75rem;list-style:none;display:flex}.boot__log b{color:var(--cyan);font-weight:400}.boot__action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.boot__meta{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);gap:1.5rem;font-size:.66rem;display:flex}.boot__meta b{color:var(--text-faint);margin-right:.4rem;font-weight:400}.boot__enter{font-family:var(--font-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-900);background:var(--cyan);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));animation:enter-glow 2.4s var(--ease-in-out) infinite;transition:transform .35s var(--ease-out), filter .35s;align-items:center;gap:.9rem;padding:clamp(1.05rem,1.9vw,1.4rem) clamp(2.4rem,4.5vw,3.6rem);font-size:clamp(.85rem,1.1vw,1rem);font-weight:500;display:inline-flex;position:relative;box-shadow:0 0 30px #22f0dc8c,0 0 90px #22f0dc59,0 0 160px #22f0dc33}.boot__enter:before{content:"";pointer-events:none;z-index:0;background:conic-gradient(#0000,#ffffffe6,#0000 60deg);width:300%;height:300%;animation:3s linear infinite rotate-conic;position:absolute;top:-100%;left:-100%}.boot__enter span,.boot__enter svg{z-index:1;position:relative}.boot__enter:hover{filter:brightness(1.12);transform:translateY(-3px)scale(1.03)}.boot__enter:active{transform:translateY(0)scale(1)}.boot__enter:disabled{cursor:default;animation:none}.boot__enter:after{content:"";clip-path:inherit;opacity:0;pointer-events:none;animation:enter-ring 2.4s var(--ease-out) infinite;position:absolute;inset:-2px;box-shadow:0 0 0 2px #22f0dc99}.boot__enter:disabled:after{animation:none}@keyframes enter-glow{0%,to{box-shadow:0 0 30px #22f0dc80,0 0 90px #22f0dc4d,0 0 160px #22f0dc29}50%{box-shadow:0 0 46px #22f0dcbf,0 0 130px #22f0dc73,0 0 220px #22f0dc47}}@keyframes rotate-conic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes enter-ring{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.22)}}.boot__track{background:#ffffff14;width:100%;height:3px;overflow:hidden}.boot__track-fill{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--violet), var(--magenta));width:100%;height:100%;transform:scaleX(0);box-shadow:0 0 18px #22f0dc99}@media (width<=760px){.boot__stage,.boot__action{flex-direction:column;align-items:flex-start}.boot__enter{justify-content:center;width:100%}.boot__log{min-height:5.5rem}.boot__rule--foot span:last-child{display:none}}.boot__wipe{z-index:0;pointer-events:none;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}.boot__wipe i{background:var(--ink-900);transform-origin:bottom;box-shadow:1px 0 0 var(--ink-900)}.track{z-index:1;position:relative}.act{height:calc(var(--act-len,200) * 1svh);position:relative}.act__sticky{height:100svh;padding:clamp(4.5rem, 9vh, 7rem) var(--gutter) clamp(3.5rem, 7vh, 5rem);grid-template-columns:minmax(0,1fr);align-content:center;display:grid;position:sticky;top:0;overflow:hidden}.act__inner{width:min(1280px,100%);min-width:0;margin-inline:auto}.act__head,.about__bio,.about__stats,.hero,.featured,.skills,.contact,.contact__grid,.rail{perspective:1300px}.rail{perspective-origin:50vw}.card,.case,.skill,.stat,.contact__card{transform-style:flat}.act__head{flex-direction:column;gap:.9rem;margin-bottom:clamp(1.5rem,3.5vh,2.75rem);display:flex}.act__head,.about__bio{isolation:isolate;position:relative}.act__head:before,.about__bio:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(68% 50% at 30%,#020407db,#02040780 46%,#0000 100%);position:absolute;inset:-5.5rem -12rem -5.5rem -16rem}.about__bio:before{background:radial-gradient(66% 50% at 34%,#020407e0,#02040785 48%,#0000 100%);inset:-4.5rem -8rem -4.5rem -16rem}.hero{text-align:left;justify-items:start;gap:clamp(1.2rem,3vh,2rem);display:grid}.hero__tagline{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);box-shadow:inset 0 0 0 1px var(--hairline);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;align-items:center;gap:.7rem;padding:.45rem 1rem;display:inline-flex}.hero__title{font-size:var(--step-4);letter-spacing:-.015em;max-width:14ch;font-weight:700;line-height:.96}.hero__title .line--split{text-shadow:0 2px 34px #020407a6}.about__greeting{text-shadow:0 2px 28px #02040799}.hero__title .line{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.hero__title em{background:linear-gradient(100deg, var(--cyan) 0%, #cfefff 40%, var(--magenta) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;display:inline-block}.hero__intro{max-width:52ch}.hero__cta{flex-wrap:wrap;gap:.9rem;margin-top:.5rem;display:flex}.hero__scroll{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:var(--text);text-shadow:0 0 12px var(--cyan);flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;display:flex;position:absolute;bottom:clamp(3.5rem,7vh,5rem);left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(180deg, var(--cyan), transparent);width:2px;height:60px;position:relative;overflow:hidden}.hero__scroll-line:after{content:"";background:var(--cyan);animation:scroll-drop 1.9s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes scroll-drop{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.about{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.about__bio{flex-direction:column;gap:1.1rem;display:flex}.about__greeting{font-size:var(--step-3);letter-spacing:-.012em;text-shadow:0 2px 24px #020407f2;font-weight:600;line-height:1.08}.about__edu{color:var(--text-dim);font-size:var(--step-0);border-left:1px solid var(--accent-line);text-shadow:0 1px 16px #020407d9;padding-left:1rem;font-weight:300}.about__badges{flex-wrap:wrap;gap:.6rem;display:flex}.about__badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);padding:.45rem .85rem;font-size:.68rem}.about__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.7rem,1.2vw,1rem);display:grid}.stat{min-height:clamp(140px,20vh,190px);transition:transform .5s var(--ease-out);flex-direction:column;gap:.4rem;padding:clamp(1rem,1.8vw,1.5rem);display:flex;position:relative}.stat:hover{transform:translateY(-4px)}.stat__value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--accent);text-shadow:0 0 26px var(--accent-soft);font-size:clamp(1.8rem,3.4vw,3rem);font-weight:500;line-height:1}.stat__value sup{vertical-align:super;font-size:.42em}.stat__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 12px #020407e6;font-size:.66rem}.stat__detail{color:var(--text-faint);text-shadow:0 1px 12px #020407e6;font-size:.78rem;font-weight:300;line-height:1.5}.stat__cta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.75;align-items:center;gap:.35rem;margin-top:auto;font-size:.6rem;display:flex}.experience-list{perspective:1600px;perspective-origin:50% 45%;justify-content:center;align-items:center;min-height:50vh;display:flex;position:relative}.experience-list .case{will-change:transform, opacity;width:100%;max-width:600px;position:absolute}.case{transition:transform .6s var(--ease-out);flex-direction:column;gap:.9rem;padding:clamp(1.1rem,2vw,1.9rem);display:flex;position:relative}.case:hover{transform:translateY(-6px)}.case__top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.case__index{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);font-size:.7rem}.case__kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:.62rem}.case__title{font-size:var(--step-2);letter-spacing:-.01em;font-weight:600;line-height:1.08}.case__summary{color:var(--text-dim);font-size:.92rem;font-weight:300;line-height:1.6}.case__note{color:var(--text-faint);border-left:1px solid var(--accent-line);background:#ffffff08;padding:.7rem .9rem;font-size:.8rem;line-height:1.55}.case__foot{border-top:1px solid var(--hairline);gap:1.4rem;margin-top:auto;padding-top:.9rem;display:flex}.case__beam{pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.case:hover .case__beam{opacity:1}.case__beam:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-soft), transparent);width:60%;height:100%;animation:beam 1.6s var(--ease-in-out) infinite;position:absolute;top:0;left:-30%}@keyframes beam{0%{transform:translate(-60%)}to{transform:translate(280%)}}.projects__bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.projects__count{color:var(--text-dim);text-shadow:0 1px 14px #020407e6}.projects__legend{flex-wrap:wrap;gap:clamp(.5rem,1.4vw,1.4rem);margin-top:.4rem;display:flex}.projects__legend-item{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-shadow:0 1px 14px #020407e6;border:1px solid var(--hairline);cursor:pointer;background:#05090f8c;align-items:center;gap:.45rem;min-height:34px;padding:.4rem .65rem .5rem;font-size:.66rem;transition:color .4s,border-color .4s,background .4s;display:flex;position:relative}.projects__legend-item:hover{color:var(--text);border-color:var(--accent-line);background:#05090fcc}.projects__legend-item b{opacity:.55;font-weight:400}.projects__legend-item:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .5s var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.projects__legend-item[data-active=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.projects__legend-item[data-active=true]:after{transform:scaleX(1)}.projects__viewport{z-index:0;width:100%;min-width:0;max-width:100%;position:relative;overflow:hidden}.rail__group{align-items:stretch;gap:clamp(.8rem,1.4vw,1.4rem);display:flex}.rail{will-change:transform;align-items:stretch;gap:clamp(.8rem,1.4vw,1.4rem);padding-right:30vw;display:flex}.rail__marker{border-left:1px solid var(--accent-line);flex-direction:column;flex:none;justify-content:flex-end;gap:.5rem;width:clamp(150px,14vw,210px);padding:1.1rem;display:flex}.rail__marker-code{font-family:var(--font-mono);letter-spacing:.24em;color:var(--accent);font-size:.62rem}.rail__marker-label{font-size:var(--step-1);letter-spacing:-.005em;font-weight:600;line-height:1.15}.rail__marker-blurb{color:var(--text-faint);font-size:.74rem;line-height:1.5}.rail__marker-count{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.14em;font-size:.62rem}.card{width:clamp(250px,23vw,330px);transition:transform .5s var(--ease-out);flex-direction:column;flex:none;gap:.65rem;padding:clamp(.95rem,1.5vw,1.35rem);display:flex;position:relative}.card:hover{transform:translateY(-8px)}.card__num{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent);opacity:.8;font-size:.6rem}.card__title{letter-spacing:-.004em;font-size:1.08rem;font-weight:600;line-height:1.24}.card__summary{color:var(--text-dim);flex:1;font-size:.8rem;font-weight:300;line-height:1.55}.card__foot{border-top:1px solid var(--hairline);justify-content:center;gap:.5rem;margin-top:auto;padding-top:.7rem;display:flex}.card__btn{min-width:0;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent-line);transition:background .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out), transform .3s var(--ease-out);flex:1 1 0;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .6rem;font-size:.62rem;display:inline-flex}.card__btn svg{transition:transform .35s var(--ease-out);flex:none}.card__btn--code{color:var(--accent);background:#ffffff0a}.card__btn--demo{color:var(--ink-900);background:var(--accent);border-color:var(--accent);font-weight:600}.card__btn:hover{transform:translateY(-2px)}.card__btn--code:hover{background:var(--accent-soft);border-color:var(--accent)}.card__btn--demo:hover svg{transform:translate(2px,-2px)}.card__btn--code:hover svg{transform:translate(2px)}.card:hover .tag{border-color:var(--accent-line);color:var(--text-dim)}.skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.3vw,1.1rem);display:grid}.skill{transition:transform .5s var(--ease-out);flex-direction:column;gap:.7rem;padding:clamp(.95rem,1.6vw,1.4rem);display:flex;position:relative}.skill:hover{transform:translateY(-5px)}.skill__head{align-items:center;gap:.6rem;display:flex}.skill__icon{filter:saturate(1.4);font-size:1.05rem}.skill__label{letter-spacing:0;font-size:1.02rem;font-weight:600}.skill__items{flex-wrap:wrap;gap:.35rem;display:flex}.skill__item{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);padding:.28rem .55rem;font-size:.68rem}.skill__focus{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:.6rem}.skill__related{border-top:1px solid var(--hairline);flex-direction:column;gap:.35rem;margin-top:auto;padding-top:.6rem;display:flex}.skill__related-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:.56rem}.skill__related-list{flex-wrap:wrap;gap:.5rem;display:flex}.skill__related-list span,.skill__related-list a{color:var(--text-dim);border:1px solid var(--hairline);cursor:default;background:#ffffff0a;border-radius:4px;padding:.3rem .6rem;font-size:.72rem;font-weight:500;transition:all .2s}.skill__related-list a{cursor:pointer;color:var(--text);border-color:var(--border);background:#ffffff14}.skill__related-list a:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.contact{text-align:center;isolation:isolate;justify-items:center;gap:clamp(1.2rem,3vh,2rem);display:grid;position:relative}.contact:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 45%,#020407cc,#02040773 48%,#0000 100%);position:absolute;inset:-6rem -14rem}.contact__title{font-size:var(--step-4);letter-spacing:-.015em;font-weight:700;line-height:.98}.contact__title em{background:linear-gradient(100deg, var(--cyan), var(--magenta));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.contact__blurb{text-align:center;max-width:46ch}.contact__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.6rem,1.2vw,1rem);width:min(880px,100%);margin-top:.5rem;display:grid}.contact__card{text-align:left;transition:transform .5s var(--ease-out);flex-direction:column;align-items:flex-start;gap:.5rem;padding:clamp(.9rem,1.6vw,1.3rem);display:flex;position:relative}.contact__card:hover{transform:translateY(-6px)}.contact__card svg{color:var(--accent)}.contact__card-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem}.contact__card-handle{color:var(--text-faint);word-break:break-all;font-size:.72rem}.outro{border-top:1px solid var(--hairline);width:min(880px,100%);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(1.5rem,4vh,3rem);padding-top:1rem;font-size:.62rem;display:flex}.outro__sig{color:var(--text-dim)}.outro__end{color:var(--cyan);align-items:center;gap:.5rem;display:flex}.outro__end i{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);animation:2s infinite pulse}@media (width<=1100px){.skills,.contact__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){#act-hero .act__sticky{align-content:center}.act__sticky{align-content:safe center;padding-block:clamp(3rem,8vh,4rem) clamp(2rem,5vh,3rem)}.about,.featured{grid-template-columns:minmax(0,1fr)}.about__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1.5rem}.skill{padding:1rem}.skill__label{font-size:.85rem}.skill__items{font-size:.75rem}.skill__focus{font-size:.65rem}.contact__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__title{max-width:100%}.nav__role,.nav__slash,.hud__rail{display:none}}@media (width<=560px){.about__stats,.contact__grid{grid-template-columns:minmax(0,1fr)}.nav__links{gap:.75rem}}@media (width>=901px) and (height<=860px){.act__sticky{padding-block:clamp(3.5rem,7.5vh,5.5rem) clamp(2.25rem,5vh,3.5rem)}.act__head{gap:.6rem;margin-bottom:1.1rem}.skills{gap:.55rem}.skill{gap:.5rem;padding:.85rem .95rem}.skill__related{gap:.25rem;padding-top:.45rem}.stat{min-height:0}}@media (width>=901px) and (height<=700px){.skill__related,.stat__detail,.case__note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.act{height:auto}.act__sticky{height:auto;min-height:auto;padding-block:5rem;position:relative}.rail{flex-wrap:wrap;padding-right:0;transform:none!important}.backdrop__sweep,.backdrop__grain{display:none}}@media (width<=900px){.act__inner{font-size:.94rem}.about{gap:1rem}.about__bio{gap:.7rem}.about__greeting{font-size:1.5rem}.about__edu,.about .lede{font-size:.82rem;line-height:1.45}.about__stats{gap:.5rem}.stat{gap:.2rem;min-height:0;padding:.7rem .8rem}.stat__detail{display:none}.stat__value{font-size:1.5rem}.stat__label{font-size:.58rem}.stat__cta{font-size:.55rem}.skill__focus,.skill__related{display:none}.skill{gap:.45rem;padding:.65rem .7rem}.skill__item{padding:.2rem .4rem;font-size:.6rem}.skills{gap:.45rem;margin-top:.75rem}.contact{gap:.8rem}.contact__grid{gap:.5rem}.contact__card{gap:.3rem;padding:.7rem}.contact__card-handle{display:none}.outro{flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:1rem}#act-hero{height:160svh}#act-about{height:125svh}#act-featured{height:210svh}#act-projects{height:360svh}#act-skills{height:170svh}#act-contact{height:150svh}.projects__legend{justify-content:center}.rail,.rail__group{align-items:flex-start;gap:.5rem}.card:not([data-expanded]) .card__summary{flex:0 auto;max-height:4.65em;overflow:hidden}.card__summary{transition:max-height .4s var(--ease-out)}.card[data-expanded] .card__summary{overscroll-behavior:contain;max-height:min(32em,42svh);overflow-y:auto}.card__more{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);cursor:pointer;background:#05090f99;align-self:flex-start;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.58rem;display:inline-flex}.card__more svg{transition:transform .35s var(--ease-out)}.card[data-expanded] .card__more svg{transform:rotate(180deg)}.rail{padding-right:10vw}.card{width:200px}.rail__marker{width:120px;padding:.75rem}.rail__marker-blurb{display:none}}@media (width<=900px) and (height<=780px){.act__sticky{padding-block:2rem 1.25rem}.tag-row{gap:.3rem}.card{gap:.5rem}.projects__legend{gap:.3rem .4rem}.projects__legend-item{letter-spacing:.08em;gap:.3rem;padding-inline:.5rem;font-size:.58rem}#act-projects .lede{font-size:.76rem;line-height:1.42}.card__foot{padding-top:.5rem}.card__btn{padding:.38rem .5rem}.card__more{padding:.25rem .5rem}.about__greeting{font-size:1.25rem}.about .lede,.about__edu{font-size:.76rem}.stat{padding:.5rem .6rem}.stat__value{font-size:1.25rem}.contact__card{padding:.55rem}.outro{margin-top:.6rem;font-size:.55rem}}@media (width<=900px) and (height<=680px){#act-projects .lede{font-size:.74rem;line-height:1.4}#act-projects .section-title{font-size:1.6rem}.projects__legend{gap:.3rem .6rem;font-size:.55rem}.act__head{gap:.35rem}.card{gap:.4rem;padding:.6rem .7rem}.card:not([data-expanded]) .card__summary{max-height:3.1em}}@media (width<=900px){.panel{-webkit-backdrop-filter:none;filter:none;background:#05090fed}.panel:hover{filter:none}.hero__tagline,.btn--ghost{-webkit-backdrop-filter:none;background:#05090fcc}.backdrop__grain,.backdrop__sweep,.case__beam{display:none}}.cursor-dot{background:var(--cyan);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;width:6px;height:6px;transition:opacity .2s,width .2s,height .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring-wrapper{pointer-events:none;z-index:9999;mix-blend-mode:difference;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{border:1px dashed #64f0ff99;border-radius:50%;width:100%;height:100%;transition:background .3s,border-style .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;animation:8s linear infinite spinRing}@keyframes spinRing{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.9)}to{transform:rotate(360deg)scale(1)}}.cursor-ring-wrapper.is-hovering .cursor-ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#64f0ff26;border-style:solid;border-color:#0000;animation:none}.cursor-dot.is-hovering{opacity:0}.mouse-bloom{pointer-events:none;z-index:10;mix-blend-mode:screen;background:radial-gradient(circle,#64f0ff14 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (pointer:coarse){.cursor-dot,.cursor-ring-wrapper,.mouse-bloom{display:none!important}}