:root{--bg:#05060d;--bg-2:#0a0b1a;--panel:#0e1024;--panel-2:#13162e;--line:#b48cff1a;--line-strong:#b48cff38;--ink:#f4f1ff;--muted:#b4bad8;--muted-2:#838aac;--cyan:#00f0ff;--cyan-deep:#00a5c4;--magenta:#ff2ec7;--violet:#8a5cff;--amber:#ffb454;--grad-primary:linear-gradient(120deg,var(--cyan),var(--violet) 55%,var(--magenta));--grad-soft:linear-gradient(135deg,#00f0ff2e,#ff2ec72e);--glow-cyan:0 0 30px #00f0ff59;--glow-magenta:0 0 30px #ff2ec759;--maxw:1240px;--ease:cubic-bezier(.2,.7,.2,1);--nav-h:72px;--hero-offset:0px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:400;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--magenta);color:#04060a}body:after{content:"";z-index:9000;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#bgfx{z-index:0;pointer-events:none;opacity:.78;mix-blend-mode:screen;position:fixed;inset:0}#bgfx-placeholder{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 20% 20%,#00f0ff17,transparent 55%),radial-gradient(100% 100% at 80% 80%,#8a5cff12,transparent 50%),radial-gradient(90% 90% at 50% 50%,#ff2ec70d,transparent 55%),var(--bg);transition:opacity .7s var(--ease),visibility .7s;background-size:200% 200%,180% 180%,160% 160%,100% 100%;animation:10s ease-in-out infinite alternate bgfxShift;position:fixed;inset:0;overflow:hidden}#bgfx-placeholder.done{opacity:0;visibility:hidden}#bgfx-placeholder:before{content:"";mix-blend-mode:screen;transition:opacity .7s var(--ease);background:linear-gradient(105deg,#0000 40%,#00f0ff09 48%,#ff2ec706 52%,#0000 60%) 0 0/220% 220%;animation:6s ease-in-out infinite bgfxShimmer;position:absolute;inset:0}#bgfx-placeholder.done:before{opacity:0}#bgfx-placeholder:after{content:"";mix-blend-mode:overlay;pointer-events:none;transition:opacity .7s var(--ease);background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00f0ff05 3px 4px);position:absolute;inset:0}#bgfx-placeholder.done:after{opacity:0}@keyframes bgfxShift{0%{background-position:0 0,100% 100%,50%}to{background-position:100% 100%,0 0,60% 40%}}@keyframes bgfxShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){#bgfx-placeholder,#bgfx-placeholder:before,#bgfx-placeholder:after{transition-duration:.01ms!important;animation:none!important}#bgfx-placeholder:before,#bgfx-placeholder:after{opacity:0!important}}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Bricolage Grotesque,sans-serif;font-weight:600;line-height:1.02}.mono{font-family:JetBrains Mono,monospace;font-weight:400}.eyebrow{letter-spacing:.32em;text-transform:uppercase;background:var(--grad-primary);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.7em;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg,var(--cyan),transparent);width:26px;height:1px}.section{z-index:1;padding:clamp(18px,2.6vw,38px) clamp(16px,4.5vw,56px);position:relative}.wrap{max-width:var(--maxw);z-index:2;margin:0 auto;position:relative}.section-head{max-width:760px;margin-bottom:clamp(10px,1.3vw,18px)}.section-head h2{margin:6px 0 4px;font-size:clamp(24px,3.8vw,40px);line-height:1.05}.section-head p{color:var(--muted);max-width:620px;font-size:clamp(13.5px,1.2vw,15.5px);line-height:1.45}.rv{opacity:0;filter:blur(10px);transition:opacity .9s var(--ease),transform 1s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--rv-i,0) * 65ms);will-change:transform,opacity,filter;transform:translateY(38px)scale(.985)}.rv.in{opacity:1;filter:blur();transform:none}.rv-d1{transition-delay:80ms}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}.scroll-progress{z-index:9500;pointer-events:none;background:#ffffff0a;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress i{height:100%;width:var(--sp,0%);background:linear-gradient(90deg,var(--cyan),var(--violet) 50%,var(--magenta));will-change:width;display:block;box-shadow:0 0 14px #00f0ff8c,0 0 28px #ff2ec759}[data-parallax]{will-change:transform}#loader{z-index:10000;transition:opacity .6s var(--ease),visibility .6s;background:radial-gradient(60% 60% at 50% 45%,#10122af2,#05060d 75%),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.load-stage{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(520px,88vw);display:flex;position:relative}.load-badge{letter-spacing:.32em;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ff2ec7,#ff5b3a);border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex;box-shadow:0 0 24px #ff2ec78c,inset 0 0 0 1px #ffffff2e}.load-badge-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1s infinite pulse;box-shadow:0 0 8px #fff}.load-scope{aspect-ratio:1;place-items:center;width:min(320px,72vw);display:grid;position:relative}.load-scope-svg{filter:drop-shadow(0 0 28px #00f0ff40);width:100%;height:100%}.lsweep{transform-origin:120px 120px;animation:2.6s linear infinite lsweep}@keyframes lsweep{to{transform:rotate(360deg)}}.lcore{transform-origin:120px 120px;animation:1.4s ease-in-out infinite lcore}@keyframes lcore{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.6)}}.lnodes circle{transform-origin:120px 120px;animation:2.4s ease-in-out infinite lnode}.lnodes circle:nth-child(2){animation-delay:.6s}.lnodes circle:nth-child(3){animation-delay:1.2s}.lnodes circle:nth-child(4){animation-delay:1.8s}@keyframes lnode{0%,to{opacity:.35;r:2}50%{opacity:1;r:4}}.lr{stroke-dasharray:6 8;animation:14s linear infinite lrSpin}.lr:nth-of-type(3){animation-duration:10s;animation-direction:reverse}@keyframes lrSpin{to{transform-origin:120px 120px;transform:rotate(360deg)}}.load-bars{align-items:flex-end;gap:3px;height:34px;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.load-bars i{background:linear-gradient(#00f0ff,#8a5cff);border-radius:2px;width:3px;height:30%;animation:1.1s ease-in-out infinite lbar;display:block}.load-bars i:nth-child(2n){background:linear-gradient(#ff2ec7,#8a5cff);animation-duration:.9s}.load-bars i:nth-child(3n){animation-duration:1.3s}.load-bars i:first-child{animation-delay:-.1s}.load-bars i:nth-child(2){animation-delay:-.25s}.load-bars i:nth-child(3){animation-delay:-.4s}.load-bars i:nth-child(4){animation-delay:-.15s}.load-bars i:nth-child(5){animation-delay:-.35s}.load-bars i:nth-child(6){animation-delay:-.5s}.load-bars i:nth-child(7){animation-delay:-.2s}.load-bars i:nth-child(8){animation-delay:-.45s}.load-bars i:nth-child(9){animation-delay:-.3s}.load-bars i:nth-child(10){animation-delay:-.5s}.load-bars i:nth-child(11){animation-delay:-.15s}.load-bars i:nth-child(12){animation-delay:-.4s}.load-bars i:nth-child(13){animation-delay:-.25s}.load-bars i:nth-child(14){animation-delay:-.1s}@keyframes lbar{0%,to{height:18%}50%{height:100%}}.load-pipeline{letter-spacing:.28em;color:#ffffff8c;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.load-pipeline b{color:#00f0ff8c;font-weight:400}.load-pipeline .lp-live{color:#fff;background:linear-gradient(90deg,#00f0ff2e,#ff2ec72e);border-radius:3px;padding:3px 8px;animation:1.4s infinite pulse;box-shadow:inset 0 0 0 1px #00f0ff66}.load-title{background:var(--grad-primary);color:#0000;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-family:Bricolage Grotesque;font-size:clamp(18px,2.4vw,26px);font-weight:600}.load-sub{letter-spacing:.4em;color:var(--cyan);text-transform:uppercase;justify-content:center;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.load-sub .pip{background:var(--magenta);width:7px;height:7px;box-shadow:0 0 14px var(--magenta);border-radius:50%;animation:1.2s infinite pulse}.load-bar{background:#ffffff12;border-radius:2px;width:240px;height:2px;margin:6px auto 0;overflow:hidden}.load-bar i{background:var(--grad-primary);width:0;height:100%;animation:load 2.4s var(--ease) forwards;display:block;box-shadow:0 0 14px #00f0ff8c}.load-skip{appearance:none;cursor:pointer;letter-spacing:.28em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;pointer-events:auto;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;margin-top:14px;padding:9px 18px;font-family:JetBrains Mono,monospace;font-size:11px;transition:background .25s,border-color .25s,transform .25s;position:relative}.load-skip:hover{background:#00f0ff1f;border-color:#00f0ff8c;transform:translateY(-1px)}.load-skip:active{transform:translateY(0)}@keyframes load{to{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}:root{--neon:#00f0ff;--neon-soft:#9ff7ff;--neon-dim:#00f0ff59;--accent-rgb:0,240,255}nav{z-index:8000;height:var(--nav-h);-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 clamp(20px,5vw,60px);transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 24px #0000}nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#060a14d9;border-bottom-color:#ffffff14;box-shadow:0 1px 24px #0006}nav.transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000;box-shadow:0 1px 24px #0000}section[id]{scroll-margin-top:88px}.brand{letter-spacing:-.005em;color:var(--neon-soft);text-shadow:0 0 14px #00f0ff59;align-items:center;gap:10px;font-family:Bricolage Grotesque;font-size:15px;font-weight:600;display:flex}.brand .dot{background:var(--neon);width:7px;height:7px;box-shadow:0 0 14px var(--neon);border-radius:50%;animation:2.4s infinite pulse}.nav-links{gap:30px;display:flex}.nav-links a{letter-spacing:.18em;text-transform:uppercase;color:var(--neon-soft);opacity:.9;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500;transition:color .3s,text-shadow .3s;position:relative}.nav-links a:hover{color:var(--neon);text-shadow:0 0 12px #00f0ff8c;opacity:1}.nav-links a:after{content:"";background:var(--neon);transform-origin:0;height:1px;transition:transform .35s var(--ease);box-shadow:0 0 8px var(--neon);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{letter-spacing:.16em;text-transform:uppercase;transition:.35s var(--ease);color:var(--neon);background:0 0;border:1px solid #00f0ff80;border-radius:40px;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:11.5px}.nav-cta:hover{border-color:var(--neon);color:var(--neon);background:#00f0ff0f;box-shadow:0 0 22px #00f0ff59,inset 0 0 18px #00f0ff14}.nav-actions{align-items:center;gap:10px;display:flex}.nav-resume{letter-spacing:.14em;text-transform:uppercase;color:#04060a;background:var(--neon-soft);transition:.3s var(--ease);border-radius:40px;align-items:center;gap:7px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 0 18px #00f0ff59}.nav-resume:hover{background:var(--neon);transform:translateY(-1px);box-shadow:0 0 26px #00f0ff99}.nav-resume:active{background:var(--neon);transform:translateY(0)scale(.96);box-shadow:0 0 30px #00f0ffbf}.nav-resume:focus-visible{outline:2px solid var(--neon);outline-offset:3px;border-radius:40px}.nav-resume svg{width:13px;height:13px}.nav-toggle{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060d66;border:1px solid #00f0ff73;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:background .3s,border-color .3s,transform .15s;display:none}.nav-toggle:hover{background:#00f0ff14;border-color:#00f0ffa6}.nav-toggle:active{border-color:var(--neon);background:#00f0ff24;transform:scale(.94)}.nav-toggle:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.nav-toggle span{background:var(--neon-soft);width:18px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-drawer{inset:var(--nav-h) 0 0 0;z-index:7999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility .35s;background:#05060df7;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed}.nav-drawer.open{opacity:1;visibility:visible}.nav-drawer a{color:var(--neon-soft);text-shadow:0 0 16px #00f0ff4d;align-items:center;min-height:48px;padding:12px 28px;font-family:Bricolage Grotesque;font-size:24px;font-weight:600;transition:color .2s,transform .15s;display:flex}.nav-drawer a:hover{color:var(--neon);transform:translate(4px)}.nav-drawer a:active{color:var(--neon);transform:translate(6px)scale(.98)}.nav-drawer a:focus-visible{outline:2px solid var(--neon);outline-offset:4px;border-radius:12px}.nav-drawer .drawer-resume{background:var(--neon-soft);color:#04060a;letter-spacing:.06em;text-transform:uppercase;border-radius:40px;align-items:center;min-height:48px;margin-top:6px;padding:14px 28px;font-family:JetBrains Mono,monospace;font-size:14px;transition:background .3s,box-shadow .3s,transform .15s;display:inline-flex;box-shadow:0 0 26px #00f0ff80}.nav-drawer .drawer-resume:hover{background:var(--neon);transform:translateY(-1px);box-shadow:0 0 36px #00f0ffa6}.nav-drawer .drawer-resume:active{background:var(--neon);transform:translateY(0)scale(.96);box-shadow:0 0 42px #00f0ffcc}.nav-drawer .drawer-resume:focus-visible{outline:2px solid var(--neon);outline-offset:3px}@media(max-width:880px){.nav-links,.nav-cta{display:none}.nav-toggle{display:flex}.nav-resume span{display:none}.nav-resume{min-width:44px;min-height:44px;padding:10px 12px}}.hero{height:calc(100svh - var(--nav-h));min-height:640px;margin-top:var(--nav-h);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-bg,.hero-fg{object-fit:cover;object-position:82% 35%;width:100%;height:100%;position:absolute;inset:0}.hero-bg{filter:blur(38px)brightness(.45)saturate(1.4);opacity:.6;animation:26s ease-in-out infinite alternate drift;transform:scale(1.25)}@keyframes drift{0%{transform:scale(1.25)translate(0)}to{transform:scale(1.4)translate(-2%,-2%)}}.hero-fg{opacity:0;transition:opacity 1.2s var(--ease);transform:scale(1.02)}.hero-fg.show{opacity:.95}#particles{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-grade{z-index:3;pointer-events:none;position:absolute;inset:0}.hero-grade:before{content:"";background:radial-gradient(120% 80% at 78% 18%,#00f0ff1a,#0000 55%),radial-gradient(70% 90% at 0 70%,#05060dbf,#0000 60%);position:absolute;inset:0}.hero-grade:after{content:"";background:linear-gradient(180deg,#05060d8c 0%,transparent 22%,transparent 50%,#05060deb 90%,var(--bg) 100%),linear-gradient(90deg,#05060dd9 0%,#05060d73 32%,transparent 55%);position:absolute;inset:0}.hero-inner{z-index:5;width:100%;max-width:var(--maxw);text-align:left;align-items:flex-end;margin:0 auto;padding:0 clamp(20px,5vw,60px) clamp(28px,4vw,56px);display:flex;position:relative}.hero-content{max-width:min(42%,540px)}.hero-tag{letter-spacing:.26em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 14px #00f0ff8c;opacity:1;background:0 0;border:none;align-items:center;gap:10px;margin-bottom:clamp(16px,2vw,22px);padding:0 0 0 18px;font-family:JetBrains Mono,monospace;font-size:clamp(11px,1vw,12.5px);font-weight:600;line-height:1.4;display:inline-flex;position:relative}.hero-tag:before{content:"";background:var(--neon);width:8px;height:8px;box-shadow:0 0 12px var(--neon);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hero h1{letter-spacing:-.04em;max-width:14ch;font-size:clamp(38px,5.4vw,76px);font-weight:700;line-height:.94}.hero h1 span{display:block}.hero h1 .fname{background:linear-gradient(120deg,#c9faff 0%,var(--cyan) 50%,var(--violet) 100%);color:#0000;filter:drop-shadow(0 2px 22px #00f0ff52);-webkit-background-clip:text;background-clip:text}.hero h1 .lname{color:#0000;-webkit-text-stroke:1.2px #c9fafff2;text-shadow:0 0 28px #00f0ff59,0 2px 14px #000000b3}.hero h1 .hrole{letter-spacing:.16em;text-transform:uppercase;color:#bff4ff;text-shadow:0 1px 10px #000000b3;max-width:22ch;margin-top:10px;font-family:inherit;font-size:clamp(12px,1.05vw,14px);font-weight:500;line-height:1.35}.hero-supp{color:#e9fff2;text-shadow:0 1px 10px #000000b3;max-width:480px;margin-top:18px;font-size:clamp(13.5px,1.25vw,15.5px);line-height:1.55}.hero-open{color:#eaf6ff;letter-spacing:.01em;isolation:isolate;-webkit-backdrop-filter:blur(20px)saturate(150%);width:fit-content;max-width:640px;transition:transform .5s var(--ease),box-shadow .5s var(--ease);background:#05060d8c linear-gradient(135deg,#00f0ff1a,#8a5cff12 45%,#ff2ec71a) padding-box padding-box;border:1px solid #0000;border-radius:999px;align-items:center;gap:16px;margin-top:clamp(18px,2vw,26px);padding:14px 28px 14px 22px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:clamp(13.5px,1.25vw,15.5px);font-weight:500;line-height:1.6;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 44px -10px #00f0ff4d,0 6px 24px #00000073,inset 0 1px #ffffff12}.hero-open:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(135deg,#00f0ffbf,#8a5cff80 45%,#ff2ec7bf);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.hero-open:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 0%,#00f0ff1f,#0000 55%),radial-gradient(120% 80% at 100%,#ff2ec71f,#0000 55%);position:absolute;inset:0}.hero-open:hover{transform:translateY(-1px);box-shadow:0 14px 48px -10px #00f0ff6b,0 6px 24px #ff2ec733,inset 0 1px #ffffff14}.hero-open>*{z-index:2;position:relative}.hero-open b{color:#fff;background:linear-gradient(90deg,#7ff7ff,#c9a8ff 60%,#ff8edd);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:600}.hero-open-status{flex-shrink:0;width:12px;height:12px;display:inline-flex;position:relative}.hero-open-dot{background:#3dffb0;border-radius:50%;position:absolute;inset:1px;box-shadow:0 0 12px #3dffb0,0 0 24px #3dffb0a6}.hero-open-ring{border:1px solid #3dffb08c;border-radius:50%;animation:2.2s ease-out infinite ringPulse;position:absolute;inset:-5px}@keyframes ringPulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.hero-open-text{flex:1;min-width:0;font-weight:500}.hero-open-shine{border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#ffffff2e,#0000 65%);animation:5.5s ease-in-out infinite openShine;position:absolute;inset:0;transform:translate(-100%)}@keyframes openShine{0%,30%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(22px,2.6vw,30px);display:flex}.btn-sm{min-height:46px;padding:14px 26px;font-size:12.5px;position:relative;overflow:hidden}.btn-sm svg{width:15px;height:15px;transition:transform .35s var(--ease)}.hero-ctas .btn-primary{box-shadow:0 0 0 1px #00f0ff66,0 12px 36px -8px #00f0ff8c,0 6px 20px -6px #ff2ec766}.hero-ctas .btn-primary:hover svg{transform:translateY(2px)}.btn-shine{transition:transform .8s var(--ease);pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff8c,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.hero-ctas .btn-primary:hover .btn-shine{transform:translate(120%)}.btn-arrow{transition:transform .35s var(--ease);display:inline-block}.hero-ctas .btn-ghost:hover .btn-arrow{transform:translate(4px)}.marquee-band{z-index:2;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(12px,1.4vw,18px) 0;position:relative}.hero-marquee{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.hm-track{will-change:transform;gap:14px;width:max-content;animation:75s linear infinite hmscroll;display:flex}.hero-marquee:hover .hm-track,.hero-marquee:focus-within .hm-track{animation-play-state:paused}.hm-pill{letter-spacing:.14em;text-transform:uppercase;color:var(--neon);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;text-shadow:0 0 10px #00f0ff73;background:#00f0ff0a;border:1px solid #00f0ff73;border-radius:40px;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:11.5px;box-shadow:0 0 16px #00f0ff26,inset 0 0 14px #00f0ff0d}@keyframes hmscroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-controls{z-index:6;gap:12px;display:flex;position:absolute;bottom:clamp(28px,4vw,44px);right:clamp(20px,5vw,60px)}.ctrl{cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:44px;height:44px;color:var(--neon-soft);background:#05060d66;border:1px solid #00f0ff59;border-radius:50%;place-items:center;transition:all .3s;display:grid}.ctrl:hover{border-color:var(--neon);color:var(--neon);background:#00f0ff1a;box-shadow:0 0 20px #00f0ff66}.ctrl svg{width:17px;height:17px}.sound-badge{display:none!important}.scroll-ind{z-index:6;color:var(--muted-2);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;right:clamp(20px,5vw,60px);transform:translateY(-50%)}.scroll-ind .rail{background:#00f0ff59;width:1px;height:46px;position:relative;overflow:hidden}.scroll-ind .rail:after{content:"";background:var(--neon);width:100%;height:40%;box-shadow:0 0 8px var(--neon);animation:scrolldn 2.2s var(--ease) infinite;position:absolute;top:0;left:0}@keyframes scrolldn{0%{top:-40%}to{top:100%}}.scroll-ind span{letter-spacing:.28em;text-transform:uppercase;writing-mode:vertical-rl;color:var(--neon-soft);opacity:.95;font-family:JetBrains Mono,monospace;font-size:10px}@media(max-width:640px){:root{--nav-h:64px;--hero-offset:6px}nav{gap:10px;padding:0 16px}nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#060a14d9;border-bottom-color:#ffffff14;box-shadow:0 1px 24px #0006}.brand{white-space:nowrap;text-overflow:ellipsis;flex:auto;gap:8px;min-width:0;font-size:12.5px;overflow:hidden}.brand .dot{flex:none;width:6px;height:6px}.nav-actions{flex:none;gap:12px}.nav-resume{min-width:44px;min-height:44px;padding:11px 14px}.nav-resume svg{width:15px;height:15px}.nav-toggle{background:#05060d8c;border-color:#00f0ff8c;width:46px;height:46px}.hero{min-height:580px;height:calc(100svh - var(--nav-h))}.hero-bg,.hero-fg{object-position:50% 30%}.hero-inner{align-items:flex-end;max-width:100%;padding:0 18px 28px}.hero-content{width:100%;max-width:100%}.hero-tag{letter-spacing:.2em;white-space:normal;flex-wrap:wrap;margin-bottom:14px;padding-left:14px;font-size:9.5px;line-height:1.5;display:inline-flex}.hero-tag:before{width:6px;height:6px;top:.55em;transform:none}.hero h1{letter-spacing:-.03em;max-width:100%;font-size:clamp(34px,9vw,52px);line-height:.96}.hero h1 .fname{text-shadow:0 0 16px #00f0ff80,0 2px 12px #000000b3}.hero h1 .lname{-webkit-text-stroke:1px #9ff7ffbf;text-shadow:0 2px 12px #000000b3}.hero-open{letter-spacing:.01em;border-radius:16px;align-items:flex-start;gap:12px;width:auto;max-width:100%;margin-top:14px;padding:13px 18px;font-size:12.5px;font-weight:500;line-height:1.55;display:flex}.hero-open-status{margin-top:3px}.hero-ctas{gap:8px;margin-top:14px}.hero-ctas .btn{padding:10px 14px;font-size:12px}.hero-supp{max-width:100%;margin-top:12px;font-size:13px;line-height:1.5}.hero-marquee{max-width:100%;margin-top:20px}.hm-pill{letter-spacing:.13em;padding:7px 13px;font-size:10.5px}.hero-controls{gap:8px;bottom:12px;right:12px}.ctrl{width:34px;height:34px}.ctrl svg{width:14px;height:14px}.scroll-ind,.sound-badge{display:none}.hero-grade:after{background:linear-gradient(180deg,transparent 0%,transparent 48%,#05060db3 68%,#05060df5 88%,var(--bg) 100%)}}@media(max-width:380px){.brand{font-size:11.5px}.nav-resume{min-width:44px;min-height:44px;padding:9px 11px}.nav-toggle{width:44px;height:44px}}.metrics{background:linear-gradient(180deg,var(--bg),var(--bg-2));border-top:1px solid var(--line);position:relative}.metrics:before{content:"";background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5;height:1px;position:absolute;top:0;left:10%;right:10%}.metrics-grid{border:1px solid var(--line-strong);background:linear-gradient(135deg,#00f0ff2e,#ff2ec71f);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden;box-shadow:0 30px 80px -40px #00f0ff40,inset 0 1px #ffffff0a}.metric{background:linear-gradient(#0b0d1f,#070814);flex-direction:column;min-height:148px;padding:clamp(16px,1.8vw,24px);transition:background .5s,transform .5s;display:flex;position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);width:100%;height:1px;transition:left 1.1s;position:absolute;top:0;left:-100%}.metric:hover:before{left:100%}.metric:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#00f0ff1a,#0000 60%);transition:opacity .5s;position:absolute;inset:0}.metric:hover:after{opacity:1}.metric:hover{background:linear-gradient(#10142b,#0a0c1d)}.metric-icon{width:34px;height:34px;color:var(--cyan);justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative}.metric-icon svg{filter:drop-shadow(0 0 8px #00f0ff59);width:22px;height:22px;transition:transform .6s,filter .6s}.metric:hover .metric-icon svg{filter:drop-shadow(0 0 14px #00f0ffb3);transform:scale(1.1)rotate(-3deg)}.metric-icon-glow{opacity:.4;filter:blur(6px);background:radial-gradient(circle,#00f0ff59,#0000 70%);border-radius:50%;animation:3.4s ease-in-out infinite iconPulse;position:absolute;inset:-6px}@keyframes iconPulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:.55;transform:scale(1.1)}}.metric .num{letter-spacing:-.03em;background:linear-gradient(180deg,#7ff8ff,var(--cyan) 60%,var(--cyan-deep));color:#0000;text-shadow:0 0 30px #00f0ff26;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Bricolage Grotesque;font-size:clamp(28px,3.2vw,42px);font-weight:700;line-height:1}.metric .num .u{color:var(--cyan);-webkit-text-fill-color:var(--cyan);margin-left:1px;font-size:.7em}.metric .label{letter-spacing:.24em;text-transform:uppercase;color:#cfd4f0;align-items:center;gap:8px;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.metric .label .led{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:2.2s ease-in-out infinite ledPulse}@keyframes ledPulse{0%,to{opacity:.7}50%{opacity:1}}.metric .desc{color:var(--muted);letter-spacing:.01em;margin-top:auto;font-size:11.5px;font-style:italic}.metric-corner{border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);opacity:.55;width:18px;height:18px;transition:opacity .4s,width .4s,height .4s;position:absolute;top:14px;right:14px}.metric:hover .metric-corner{opacity:.85;width:24px;height:24px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.metrics-grid{grid-template-columns:1fr}.metric{min-height:auto}}.about-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(24px,4vw,52px);display:grid}.about-portrait{border:1px solid var(--line-strong);aspect-ratio:4/5;background:#05060d;border-radius:18px;position:relative;overflow:hidden}.about-portrait img{object-fit:contain;object-position:center;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;display:block}.about-portrait .glow{background:radial-gradient(80% 60% at 30% 20%,#00f0ff38,#0000 60%),linear-gradient(#0000 50%,#05060db3);position:absolute;inset:0}.about-portrait .tagstrip{letter-spacing:.14em;color:var(--ink);text-shadow:0 1px 6px #000000b3;background:linear-gradient(#0000,#05060dc7);justify-content:space-between;padding:14px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex;position:absolute;bottom:0;left:0;right:0}.about-body h2{max-width:14ch;margin-bottom:14px;font-size:clamp(26px,3.6vw,40px)}.about-body p{color:var(--muted);margin-bottom:12px;font-size:clamp(14px,1.3vw,15.5px);line-height:1.5}.about-body p b{color:var(--ink);font-weight:600}.about-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pill{color:var(--muted);border:1px solid var(--line);border-radius:40px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11.5px;transition:all .3s}.pill:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan)}@media(max-width:880px){.about-grid{grid-template-columns:1fr;gap:20px}}.proj-list{flex-direction:column;gap:clamp(10px,1.2vw,14px);display:flex}.proj{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);transition:border-color .5s,transform .6s var(--ease);border-radius:18px;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(18px,2.8vw,36px);padding:clamp(14px,1.9vw,24px);display:grid;position:relative;overflow:hidden}.proj:hover{border-color:var(--line-strong);transform:translateY(-4px)}.proj:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(60% 80% at 80% 0,#00f0ff1f,#0000 60%),radial-gradient(50% 70% at 20% 100%,#ff2ec71a,#0000 60%);transition:opacity .6s;position:absolute;inset:0}.proj:hover:after{opacity:1}.proj:nth-child(2n){grid-template-columns:1fr 1.05fr}.proj:nth-child(2n) .proj-media{order:2}.proj-media{aspect-ratio:16/9;border:1px solid var(--line);background:radial-gradient(70% 90% at 50% 30%,#10142c,#070912 75%);border-radius:14px;position:relative;overflow:hidden}.proj-media img{object-fit:contain;object-position:center;z-index:2;width:100%;height:100%;padding:8px;position:relative}.proj-media .ph{z-index:1;color:var(--muted-2);text-align:center;background:radial-gradient(60% 60% at 50% 35%,#00f0ff1a,#0000 70%),repeating-linear-gradient(45deg,#ffffff05 0 2px,#0000 2px 14px);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.proj-media .ph .pnum{background:var(--grad-primary);color:#0000;opacity:.4;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque;font-size:clamp(40px,6vw,72px);font-weight:700}.proj-media .ph .pcap{letter-spacing:.22em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.proj-media .scan{z-index:3;pointer-events:none;opacity:.35;mix-blend-mode:screen;background:linear-gradient(#0000,#00f0ff0d 50%,#0000) 0 0/100% 8px;position:absolute;inset:0}.proj-tags{flex-wrap:wrap;gap:7px;margin-bottom:10px;display:flex}.proj-tags span{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);background:#00f0ff0d;border:1px solid #00f0ff4d;border-radius:30px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:9.5px}.proj-no{color:var(--muted-2);letter-spacing:.2em;margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px}.proj h3{margin-bottom:10px;font-size:clamp(20px,2.3vw,28px)}.proj-over{color:var(--muted);margin-bottom:14px;font-size:14px;line-height:1.5}.proj-impact{border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;padding-top:12px;display:flex}.proj-impact div{min-width:84px}.proj-impact .v{color:var(--ink);font-family:Bricolage Grotesque;font-size:clamp(16px,1.9vw,22px);font-weight:700}.proj-impact .k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:9.5px}@media(max-width:820px){.proj,.proj:nth-child(2n){grid-template-columns:1fr}.proj:nth-child(2n) .proj-media{order:0}}.band{background:linear-gradient(180deg,var(--bg-2),var(--bg))}.cap-grid{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,1fr);gap:14px;display:grid;overflow:visible}.cap{-webkit-backdrop-filter:blur(6px);isolation:isolate;background:linear-gradient(155deg,#ffffff0a,#ffffff04 55%,#00f0ff08);border:1px solid #ffffff12;border-radius:16px;padding:clamp(14px,1.7vw,20px) clamp(14px,1.7vw,20px) 34px;position:relative;overflow:hidden}.cap:before{content:"";border-radius:inherit;opacity:0;transition:opacity .5s var(--ease);pointer-events:none;z-index:2;background:linear-gradient(135deg,#00f0ff8c,#ff2ec700 40%,#ff2ec780);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.cap:hover:before,.cap:focus-visible:before{opacity:1}.cap .ic{width:40px;height:40px;color:var(--cyan);background:radial-gradient(circle at 30% 30%,#00f0ff2e,#00f0ff0a);border:1px solid #00f0ff40;border-radius:12px;place-items:center;margin-bottom:12px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a,0 6px 18px -10px #00f0ff80}.cap h4{letter-spacing:-.01em;margin-bottom:6px;font-size:15.5px}.cap p{color:var(--muted);font-size:13px;line-height:1.5}.cap-index{font-family:var(--mono,"JetBrains Mono",monospace);letter-spacing:.18em;color:#ffffff8c;transition:color .4s var(--ease);font-size:11px;position:absolute;top:18px;right:20px}.cap-corner{opacity:.5;width:60px;height:60px;transition:opacity .5s var(--ease);pointer-events:none;background:radial-gradient(circle at 100% 0,#ff2ec759,#0000 70%);position:absolute;top:0;right:0}.cap-arrow{color:var(--cyan);opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease);font-size:18px;position:absolute;bottom:18px;left:clamp(22px,2.4vw,28px);transform:translate(-6px)}.cap:hover .cap-arrow,.cap:focus-visible .cap-arrow{opacity:1;transform:translate(0)}.cap:hover .cap-index,.cap:focus-visible .cap-index{color:var(--cyan)}.cap:hover .cap-corner,.cap:focus-visible .cap-corner{opacity:1}@media(max-width:980px){.cap-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:560px){.cap-grid{grid-template-columns:1fr;gap:12px}}.tl{max-width:1100px;margin:0 auto;padding:6px 0;position:relative}.tl:before{content:"";background:linear-gradient(180deg,#00f0ff00 0%,var(--cyan) 10%,#8a5cfff2 45%,var(--magenta) 75%,#ff2ec700 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #00f0ff59,0 0 36px #ff2ec72e}.tl:after{content:"";filter:blur(3px);opacity:.5;pointer-events:none;background:linear-gradient(#78f5ffd9,#ff2ec700);width:6px;height:80px;animation:4.5s linear infinite tl-trace;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes tl-trace{0%{opacity:0;top:-10%}10%{opacity:.7}90%{opacity:.7}to{opacity:0;top:110%}}.tl-item{box-sizing:border-box;width:50%;padding:0 44px clamp(16px,2vw,28px) 0;position:relative}.tl-item.tl-l{margin-left:0}.tl-item.tl-r{margin-left:50%;padding:0 0 clamp(16px,2vw,28px) 44px}.tl-item:last-child{padding-bottom:0}.tl-node{background:radial-gradient(circle at 30% 30%,#fff,var(--cyan) 55%,#062b3a 100%);width:18px;height:18px;box-shadow:0 0 0 4px #050816f2,0 0 22px var(--cyan),0 0 44px #ff2ec759;transition:transform .5s var(--ease),box-shadow .5s var(--ease);border:1px solid #fff9;border-radius:50%;position:absolute;top:14px}.tl-item.tl-l .tl-node{right:-53px}.tl-item.tl-r .tl-node{left:-53px}.tl-node i{opacity:0;border:1px solid #00f0ff66;border-radius:50%;position:absolute;inset:-8px}.tl-item.tl-now .tl-node i{opacity:1;animation:2.2s ease-out infinite tl-pulse}@keyframes tl-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.tl-card{border:1px solid var(--line);transition:transform .5s var(--ease),border-color .5s,box-shadow .5s var(--ease);background:linear-gradient(#0d1022eb,#070916f5);border-radius:14px;padding:clamp(14px,1.5vw,20px) clamp(16px,1.8vw,24px);position:relative;overflow:hidden}.tl-card:before{content:"";opacity:.5;pointer-events:none;background:linear-gradient(135deg,#00f0ff73,#0000 40% 60%,#ff2ec759);border-radius:16px;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.tl-card:after{content:"";background:linear-gradient(90deg,var(--cyan),transparent);opacity:.7;width:28px;height:1px;position:absolute;top:22px}.tl-item.tl-l .tl-card:after{background:linear-gradient(270deg,transparent,var(--cyan));right:-28px}.tl-item.tl-r .tl-card:after{left:-28px}.tl-item:hover .tl-card,.tl-item:focus-visible .tl-card{border-color:#00f0ff66;transform:translateY(-3px);box-shadow:0 24px 60px -28px #00f0ff73,0 8px 30px -20px #ff2ec74d}.tl-item:hover .tl-card:before,.tl-item:focus-visible .tl-card:before{opacity:1}.tl-item:hover .tl-node,.tl-item:focus-visible .tl-node{box-shadow:0 0 0 4px #050816f2,0 0 30px var(--cyan),0 0 60px #ff2ec780;transform:scale(1.18)}.tl-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tl-ch{letter-spacing:.2em;color:#04060a;background:var(--grad-primary);border-radius:6px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.tl-when{letter-spacing:.16em;color:var(--cyan);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:11.5px}.tl-live{letter-spacing:.2em;color:#7ff7ff;background:#00f0ff14;border:1px solid #00f0ff73;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:inline-flex}.tl-live-dot{background:#7ff7ff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite tl-blink;box-shadow:0 0 8px #7ff7ff}@keyframes tl-blink{50%{opacity:.3}}.tl-item h4{color:#f3f7ff;letter-spacing:-.01em;margin-bottom:3px;font-family:Bricolage Grotesque;font-size:clamp(17px,1.9vw,22px)}.tl-role{color:#a9b3c7;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.45}.tl-card p{color:var(--muted);font-size:13.5px;line-height:1.55}@media(max-width:880px){.tl{max-width:100%;padding-left:34px}.tl:before{width:2px;left:10px;transform:none}.tl:after{left:10px;transform:none}.tl-item,.tl-item.tl-l,.tl-item.tl-r{width:100%;margin-left:0;padding:0 0 28px}.tl-item.tl-l .tl-node,.tl-item.tl-r .tl-node{left:-30px;right:auto}.tl-item.tl-l .tl-card:after,.tl-item.tl-r .tl-card:after{background:linear-gradient(90deg,var(--cyan),transparent);width:22px;left:-22px;right:auto}.tl-card p{font-size:13.5px}.tl-meta{gap:8px}}.skill-grid{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:14px;display:grid}.skill-card{--ac:0,240,255;isolation:isolate;background:radial-gradient(120% 80% at 0% 0%,rgba(var(--ac),.07),transparent 55%),linear-gradient(180deg,#0d0f20eb,#060712f5);height:100%;transition:transform .55s var(--ease),border-color .45s var(--ease),box-shadow .55s var(--ease);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;grid-column:span 3;min-height:0;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.skill-card[data-accent=magenta]{--ac:255,46,199}.sk-grid-bg{opacity:.5;pointer-events:none;z-index:-1;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.sk-accent{background:linear-gradient(90deg,transparent,rgba(var(--ac),.85),transparent);opacity:.55;width:100%;height:1px;transition:opacity .45s;position:absolute;top:0;left:0}.skill-card:after{content:"";border-radius:inherit;background:linear-gradient(140deg,rgba(var(--ac),.45),transparent 40%,transparent 60%,rgba(var(--ac),.25));opacity:0;padding:1px;transition:opacity .5s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.skill-card:hover{border-color:rgba(var(--ac),.35);box-shadow:0 22px 60px -28px rgba(var(--ac),.55),0 0 0 1px rgba(var(--ac),.08);transform:translateY(-4px)}.skill-card:hover .sk-accent,.skill-card:hover:after{opacity:1}.sk-head{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex;position:relative}.sk-head:after{content:"";background:linear-gradient(90deg,rgba(var(--ac),.55),transparent 70%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.sk-ic{width:36px;height:36px;color:rgb(var(--ac));background:radial-gradient(80% 80% at 30% 25%,rgba(var(--ac),.18),rgba(var(--ac),.04));box-shadow:inset 0 0 0 1px rgba(var(--ac),.25),0 6px 18px -8px rgba(var(--ac),.55);filter:drop-shadow(0 0 8px rgba(var(--ac),.35));border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sk-ic svg{width:18px;height:18px}.skill-card h4{letter-spacing:-.01em;color:#f1f5ff;flex:1;margin:0;font-family:Bricolage Grotesque;font-size:15px;font-weight:600}.sk-count{letter-spacing:.12em;color:rgb(var(--ac));border:1px solid rgba(var(--ac),.3);background:rgba(var(--ac),.06);border-radius:999px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px}.skill-card ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sk-chip{letter-spacing:.02em;color:#dde2f0;transition:all .35s var(--ease);background:linear-gradient(#ffffff09,#ffffff02);border:1px solid #ffffff17;border-radius:8px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;position:relative}.sk-chip:before{content:"";background:rgb(var(--ac));width:4px;height:4px;box-shadow:0 0 6px rgba(var(--ac),.7);vertical-align:middle;border-radius:50%;margin-right:8px;display:inline-block;transform:translateY(-1px)}.skill-card:hover .sk-chip{border-color:rgba(var(--ac),.25);color:#eaf0fa;background:linear-gradient(180deg,rgba(var(--ac),.08),rgba(var(--ac),.02))}.sk-corner{pointer-events:none;opacity:.5;width:14px;height:14px;transition:opacity .4s;position:absolute}.sk-corner-tr{border-top:1px solid rgba(var(--ac),.5);border-right:1px solid rgba(var(--ac),.5);top:10px;right:10px}.sk-corner-bl{border-bottom:1px solid rgba(var(--ac),.35);border-left:1px solid rgba(var(--ac),.35);bottom:10px;left:10px}.skill-card:hover .sk-corner{opacity:1}@media(max-width:1100px){.skill-card{grid-column:span 6}}@media(max-width:640px){.skill-grid{grid-template-columns:1fr}.skill-card{grid-column:span 1;min-height:auto}}.contact{text-align:center;position:relative;overflow:hidden}.contact:before{content:"";background:radial-gradient(60% 60% at 50% 30%,#00f0ff40,#0000 60%),radial-gradient(50% 50% at 80% 90%,#ff2ec733,#0000 60%),radial-gradient(40% 40% at 15% 80%,#8a5cff2e,#0000 60%);position:absolute;inset:0}.contact .wrap{max-width:820px;padding:clamp(20px,3vw,40px) 0}.contact h2{letter-spacing:-.03em;background:var(--grad-primary);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:18px;font-size:clamp(30px,5vw,60px);line-height:1}.contact p{color:var(--muted);max-width:520px;margin:0 auto 28px;font-size:clamp(14.5px,1.5vw,17px)}.contact-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{letter-spacing:.06em;border:1px solid var(--line-strong);transition:.35s var(--ease);border-radius:48px;align-items:center;gap:10px;padding:15px 26px;font-family:JetBrains Mono,monospace;font-size:13px;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#04060a;border-color:#0000;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #00f0ff80,0 0 80px #ff2ec759}.btn-ghost{color:#f4fbff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060d8c;border-color:#00f0ff73}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan);background:#05060db3}footer{border-top:1px solid var(--line);z-index:1;padding:22px clamp(18px,5vw,60px);position:relative}.foot-wrap{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.foot-brand{background:var(--grad-primary);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Bricolage Grotesque;font-size:18px;font-weight:600}.foot-meta{letter-spacing:.1em;color:var(--muted-2);font-family:JetBrains Mono,monospace;font-size:11px}.foot-links{gap:22px;display:flex}.foot-links a{color:var(--muted);font-size:13px;transition:all .3s}.foot-links a:hover{color:var(--cyan)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv{opacity:1;transform:none}}@media(max-width:640px){body:after{opacity:.025}#bgfx{opacity:.55}.section{padding:22px 16px}.section-head{margin-bottom:12px}.section-head h2{font-size:24px}.section-head p{font-size:13.5px}.metric{min-height:auto;padding:16px 14px}.metric .num{margin-bottom:6px;font-size:30px}.metric .desc{font-size:12px}.metric .label{font-size:9.5px}.about-grid{gap:22px}.about-portrait{aspect-ratio:5/6;max-width:300px;margin:0 auto}.about-body h2{margin-bottom:12px;font-size:24px}.about-body p{margin-bottom:12px;font-size:14px;line-height:1.5}.proj{border-radius:14px;gap:14px;padding:14px}.proj-media{aspect-ratio:16/10}.proj h3{margin-bottom:8px;font-size:19px}.proj-over{margin-bottom:12px;font-size:13.5px}.proj-impact{gap:12px;padding-top:10px}.proj-impact .v{font-size:16px}.cap{padding:14px 14px 30px}.cap h4{font-size:14.5px}.cap p{font-size:12.5px;line-height:1.5}.cap .ic{width:36px;height:36px;margin-bottom:10px}.skill-card{padding:16px}.skill-card h4{font-size:14.5px}.sk-chip{padding:4px 8px;font-size:10.5px}.tl{padding-left:24px}.tl:before,.tl:after{left:8px}.tl-item,.tl-item.tl-l,.tl-item.tl-r{padding-bottom:18px}.tl-item.tl-l .tl-node,.tl-item.tl-r .tl-node{width:14px;height:14px;left:-26px}.tl-card{padding:14px 16px}.tl-item h4{font-size:16px}.tl-role{margin-bottom:8px;font-size:11.5px}.tl-card p{font-size:13px;line-height:1.5}.tl-meta{gap:6px;margin-bottom:8px}.contact h2{margin-bottom:14px;font-size:clamp(26px,8vw,38px)}.contact p{margin-bottom:20px;font-size:14px}.foot-wrap{text-align:left;flex-direction:column;align-items:flex-start;gap:14px}footer{padding:18px 16px}.btn{padding:12px 20px;font-size:12px}.foot-links{flex-wrap:wrap;gap:6px}.foot-links a{border-radius:10px;align-items:center;min-height:44px;padding:12px 14px;font-size:14px;display:inline-flex}.foot-links a:active{background:#00f0ff14}.brand{min-height:44px;padding:8px 0}.foot-brand{align-items:center;min-height:44px;padding:6px 0;display:inline-flex}}@media(hover:none){.hero-bg,.hero-fg{will-change:auto}}@media(max-width:1280px){.hero-content{max-width:min(48%,560px)}}@media(max-width:1024px){.hero-content{max-width:min(58%,560px)}.hero h1{font-size:clamp(36px,6vw,60px)}}@media(max-width:880px){.hero-content{max-width:100%}.hero-open{padding:9px 14px;font-size:13px}.hero-ctas{margin-top:18px}}@media(prefers-reduced-motion:reduce){.hm-track{animation:none!important}.hero-bg{animation:none!important;transform:scale(1.1)!important}.load-char{opacity:1!important;animation:none!important;transform:none!important}}.cap{transition:background .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease)}.cap:after{content:"";background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);pointer-events:none;z-index:4;width:100%;height:1px;transition:left 1.1s;position:absolute;top:0;left:-100%}.cap:hover:after{left:100%}.cap:hover{transform:translateY(-3px);box-shadow:0 18px 50px -22px #00f0ff66,inset 0 0 0 1px #00f0ff2e}.cap .ic{transition:transform .6s var(--ease),box-shadow .6s var(--ease),background .4s,color .4s}.cap:hover .ic{background:#00f0ff24;transform:scale(1.1)rotate(-3deg);box-shadow:0 0 22px #00f0ff59}.proj{transition:border-color .5s,transform .6s var(--ease),box-shadow .6s var(--ease)}.proj:before{content:"";background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);pointer-events:none;z-index:4;width:100%;height:1px;transition:left 1.2s;position:absolute;top:0;left:-100%}.proj:hover:before{left:100%}.proj:hover{transform:translateY(-4px);box-shadow:0 30px 70px -30px #00f0ff66,0 10px 40px -20px #ff2ec738}.skill-card .sk-ic{transition:transform .6s var(--ease),filter .6s var(--ease)}.skill-card:hover .sk-ic{filter:drop-shadow(0 0 14px #00f0ffd9);transform:scale(1.12)rotate(-4deg)}.skill-card:hover:before{opacity:1;animation:none}.about-portrait{transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .5s}.about-portrait:hover{border-color:#00f0ff73;transform:translateY(-4px);box-shadow:0 30px 80px -30px #00f0ff73}.about-portrait:after{content:"";background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),transparent);pointer-events:none;z-index:5;width:100%;height:1px;transition:left 1.2s;position:absolute;top:0;left:-100%}.about-portrait:hover:after{left:100%}.about-portrait img{transition:transform 1.2s var(--ease),filter .6s}.about-portrait:hover img{filter:saturate(1.15)contrast(1.05);transform:scale(1.03)}.tl-item,.tl-item:focus-visible,.metric,.cap,.proj,.skill-card,.about-portrait{outline:none}.metric:focus-visible,.cap:focus-visible,.proj:focus-visible,.skill-card:focus-visible,.about-portrait:focus-visible,.tl-item:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:14px}.metric:focus-visible:before,.cap:focus-visible:after,.proj:focus-visible:before,.about-portrait:focus-visible:after{left:100%}.metric:focus-visible{background:linear-gradient(#10142b,#0a0c1d)}.metric:focus-visible .metric-icon svg{filter:drop-shadow(0 0 14px #00f0ffb3);transform:scale(1.1)rotate(-3deg)}.metric:focus-visible .metric-corner{opacity:.85;width:24px;height:24px}.cap:focus-visible{transform:translateY(-3px);box-shadow:0 18px 50px -22px #00f0ff66,inset 0 0 0 1px #00f0ff2e}.cap:focus-visible .ic{background:#00f0ff24;transform:scale(1.1)rotate(-3deg);box-shadow:0 0 22px #00f0ff59}.proj:focus-visible{transform:translateY(-4px);box-shadow:0 30px 70px -30px #00f0ff66,0 10px 40px -20px #ff2ec738}.skill-card:focus-visible{border-color:#00f0ff80;transform:translateY(-3px);box-shadow:0 18px 50px -22px #00f0ff73}.skill-card:focus-visible .sk-ic{filter:drop-shadow(0 0 14px #00f0ffd9);transform:scale(1.12)rotate(-4deg)}.skill-card:focus-visible:before{opacity:1}.about-portrait:focus-visible{border-color:#00f0ff73;transform:translateY(-4px);box-shadow:0 30px 80px -30px #00f0ff73}.about-portrait:focus-visible img{filter:saturate(1.15)contrast(1.05);transform:scale(1.03)}@media(hover:none){.metric:active:before,.cap:active:after,.proj:active:before,.about-portrait:active:after{left:100%}.metric:active{background:linear-gradient(#10142b,#0a0c1d)}.metric:active .metric-icon svg{filter:drop-shadow(0 0 14px #00f0ffb3);transform:scale(1.1)rotate(-3deg)}.metric:active .metric-corner{opacity:.85;width:24px;height:24px}.cap:active{transform:translateY(-3px);box-shadow:0 18px 50px -22px #00f0ff66,inset 0 0 0 1px #00f0ff2e}.cap:active .ic{background:#00f0ff24;transform:scale(1.1)rotate(-3deg);box-shadow:0 0 22px #00f0ff59}.proj:active{transform:translateY(-4px);box-shadow:0 30px 70px -30px #00f0ff66,0 10px 40px -20px #ff2ec738}.skill-card:active{border-color:#00f0ff80;transform:translateY(-3px);box-shadow:0 18px 50px -22px #00f0ff73}.skill-card:active .sk-ic{filter:drop-shadow(0 0 14px #00f0ffd9);transform:scale(1.12)rotate(-4deg)}.skill-card:active:before{opacity:1}.about-portrait:active{border-color:#00f0ff73;transform:translateY(-4px);box-shadow:0 30px 80px -30px #00f0ff73}.about-portrait:active img{filter:saturate(1.15)contrast(1.05);transform:scale(1.03)}.tl-item:active .tl-card{border-color:#00f0ff66;transform:translateY(-3px);box-shadow:0 24px 60px -28px #00f0ff73,0 8px 30px -20px #ff2ec74d}.tl-item:active .tl-node{box-shadow:0 0 0 4px #050816f2,0 0 30px var(--cyan),0 0 60px #ff2ec780;transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.cap,.proj,.about-portrait,.tl-item,.skill-card,.metric{transition:none!important}.cap:after,.proj:before,.about-portrait:after,.metric:before{display:none!important}}#streamGrid .cap{--col:calc(var(--cap-i,0) - (3 * floor(var(--cap-i,0) / 3)));--row:floor(var(--cap-i,0) / 3)}#streamGrid .cap.rv{opacity:0;filter:blur(14px)saturate(.7);transition:opacity .95s cubic-bezier(.22,.61,.36,1),transform 1.15s cubic-bezier(.22,.61,.36,1),filter .9s cubic-bezier(.22,.61,.36,1);transition-delay:calc((var(--col,0) * 90ms) + (var(--row,0) * .14s));will-change:transform,opacity,filter;transform:translateY(52px)scale(.94)perspective(900px)rotateX(8deg)}#streamGrid .cap.rv.in{opacity:1;filter:blur()saturate();transform:translate(0)scale(1)perspective(900px)rotateX(0)}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){@keyframes streamCinematicEnter{0%{opacity:0;filter:blur(16px)saturate(.6);transform:translateY(80px)scale(.9)perspective(900px)rotateX(10deg)}55%{opacity:1;filter:blur()saturate();transform:translate(0)scale(1)perspective(900px)rotateX(0)}to{opacity:1;filter:blur()saturate();transform:translate(0)scale(1)perspective(900px)rotateX(0)}}@keyframes streamCinematicExit{0%{opacity:1;filter:blur()saturate();transform:translate(0)scale(1)perspective(900px)rotateX(0)}to{opacity:.35;filter:blur(4px)saturate(.85);transform:translateY(-30px)scale(.97)perspective(900px)rotateX(-4deg)}}#streamGrid .cap{opacity:1;filter:none;animation:linear both streamCinematicEnter,linear both streamCinematicExit;animation-timeline:view(),view();animation-range:entry cover 42%,exit 65%;animation-delay:calc(var(--col,0) * 50ms),0s;transition:none;transform:none}}}@media(prefers-reduced-motion:reduce){#streamGrid .cap,#streamGrid .cap.rv{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;transform:none!important}}.scroll-hud{z-index:9400;-webkit-backdrop-filter:blur(18px)saturate(160%);opacity:0;transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none;isolation:isolate;background:linear-gradient(135deg,#00f0ff14,#8a5cff0f 45%,#ff2ec714),linear-gradient(135deg,#0a0c14db,#120c1cd1);border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:11px;padding:8px 16px 8px 8px;display:flex;position:fixed;bottom:18px;right:18px;overflow:hidden;transform:translateY(10px)scale(.96);box-shadow:0 14px 40px -8px #0000008c,0 0 0 1px #00f0ff14,0 0 28px -10px #8a5cff73,inset 0 1px #ffffff14}.scroll-hud:before{content:"";border-radius:inherit;opacity:.55;pointer-events:none;background:linear-gradient(135deg,#00f0ff8c,#8a5cff00 40%,#ff2ec78c);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.hud-shine{pointer-events:none;background:linear-gradient(110deg,#0000 0,#ffffff24,#0000);width:40%;height:100%;animation:5.5s ease-in-out infinite hudShine;position:absolute;top:0;left:-40%;transform:skew(-18deg)}@keyframes hudShine{0%,70%{opacity:0;left:-40%}78%{opacity:.9}to{opacity:0;left:120%}}.scroll-hud.on{opacity:1;transform:none}.hud-ring{z-index:1;flex:none;width:46px;height:46px;position:relative;transform:rotate(-90deg)}.hud-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:2.5px}.hud-ring-fg{fill:none;stroke:url(#hudGrad);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:119.38;stroke-dashoffset:calc(119.38 - (119.38 * var(--sp-r,0)));filter:drop-shadow(0 0 6px #00f0ff8c)drop-shadow(0 0 10px #8a5cff59);transition:stroke-dashoffset .12s linear}.hud-ring-dot{fill:#fff;transform-origin:22px 22px;transform:rotate(calc(var(--sp-r,0) * 360deg));filter:drop-shadow(0 0 5px #00f0ffe6);transition:transform .12s linear}.hud-core{z-index:1;flex-direction:column;gap:4px;padding-right:2px;line-height:1;display:flex;position:relative}.hud-live{letter-spacing:.26em;background:linear-gradient(135deg,#00f0ff,#ff2ec7);color:#0000;text-shadow:0 0 12px #00f0ff40;-webkit-background-clip:text;background-clip:text;align-items:center;gap:6px;font:700 9px/1 JetBrains Mono,monospace;display:inline-flex}.hud-live i{background:#22e07a;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite hudLive;box-shadow:0 0 8px #22e07a,0 0 16px #22e07a8c}@keyframes hudLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.hud-tc{color:#f0f4ff;letter-spacing:.06em;text-shadow:0 1px 8px #00f0ff26;font:600 13px/1 JetBrains Mono,monospace}.hud-sec{letter-spacing:.26em;color:#becdebc7;text-transform:uppercase;font:500 9px/1 JetBrains Mono,monospace}@media(max-width:640px){.scroll-hud{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform-origin:100% 100%;gap:8px;padding:5px 11px 5px 5px;transform:translateY(8px)scale(.88)}.scroll-hud.on{transform:scale(.88)}.hud-ring{width:32px;height:32px}.hud-core{gap:2px}.hud-live{letter-spacing:.22em;font-size:8px}.hud-tc{font-size:10.5px}.hud-sec{letter-spacing:.2em;font-size:7.5px}}@media(prefers-reduced-motion:reduce){.hud-live i,.hud-shine{animation:none}}.section-head{transform:translate3d(0,calc(var(--sv,0) * -6px),0);will-change:transform;transition:transform .35s cubic-bezier(.22,.61,.36,1)}.proj-media img,.proj-media .ph{transition:transform .5s cubic-bezier(.22,.61,.36,1),filter .35s}@media(prefers-reduced-motion:reduce){.section-head{transform:none!important}}.section{content-visibility:auto;contain-intrinsic-size:1px 800px}.section.contact{content-visibility:visible;contain-intrinsic-size:auto}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.proj-media,.about-portrait,#bgfx,#particles{will-change:transform}@media(min-width:641px)and (max-width:1024px){#registration .cap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){#registration .cap-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){:root{--sv:0!important}.section-head,.proj-media img,.proj-media .ph{will-change:auto!important;transition:none!important;transform:none!important}#streamGrid .cap,#streamGrid .cap.rv{opacity:1!important;filter:none!important;transition:none!important;animation:none!important;animation-timeline:none!important;transform:none!important}.hero-bg,.hero-fg,#bgfx,#particles,#bgfx-placeholder{animation:none!important}.section{content-visibility:visible!important;contain-intrinsic-size:auto!important}.hud-shine,.hud-live i,.scroll-hud{transition:none!important;animation:none!important}}.section{contain-intrinsic-size:auto 800px}@media(max-width:900px){.section{content-visibility:visible;contain-intrinsic-size:auto}}html{overflow-x:hidden}@media(hover:none){a,button,.btn,.chip,.nav-link{-webkit-tap-highlight-color:transparent}.btn,.nav-link,.hero-ctas .btn,.contact a.btn{min-height:44px}.card-3d,.proj-card,.cap,.skill-card{transform:none!important}}nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.nav-drawer{padding-bottom:env(safe-area-inset-bottom,0px)}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}@media(max-width:520px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:126px;padding:14px 13px}.metric .num{font-size:26px}.metric .metric-icon{width:26px;height:26px;margin-bottom:6px}.metric .metric-icon svg{width:18px;height:18px}.metric .lbl{letter-spacing:.14em;font-size:9px}.metric .sub{font-size:11px}}@media(max-width:340px){.metrics-grid{grid-template-columns:1fr}}@media(max-width:640px){.hero-controls{top:calc(var(--nav-h) + 10px);bottom:auto;right:12px}.hero-inner{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.hero-ctas{width:100%}.hero-ctas .btn{flex:auto;justify-content:center;min-height:44px}}@media(orientation:landscape)and (max-height:560px){.hero{height:auto;min-height:0;padding-top:calc(var(--nav-h) + 18px);padding-bottom:24px}.hero-inner{padding-top:8px;position:relative}.hero h1{font-size:clamp(28px,7vw,44px)}.hero-open{padding:10px 14px;font-size:12px}.hero-marquee{margin-top:14px}.loader-inner{transform:scale(.8)}}@media(min-width:641px)and (max-width:1024px){.hero-bg,.hero-fg{object-position:62% 30%}.cap-grid{grid-template-columns:repeat(2,1fr)}.skill-card{grid-column:span 6}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.scroll-hud{display:none}}@media(max-width:640px)and (hover:none){.cap,.skill-card,.proj-card,.hero-open{-webkit-backdrop-filter:none;backdrop-filter:none}body:after{opacity:.03}#bgfx{opacity:.5}}p,li,h1,h2,h3,.chip,.contact a{overflow-wrap:anywhere}@media(max-width:640px){.hero-grade:after{background:linear-gradient(180deg,transparent 0%,#05060d26 30%,#05060d9e 52%,#05060de6 74%,#05060dfa 90%,var(--bg) 100%)}.hero-content{position:relative}.hero-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 20% 90%,#05060dd1,#05060d59 60%,#0000);position:absolute;inset:-18px -18px -12px}.hero-supp{letter-spacing:.14em;font-size:12px;line-height:1.45}}@media(min-width:641px)and (max-width:1024px){.hero h1{font-size:clamp(40px,7vw,58px);line-height:.98}.hero-supp{letter-spacing:.14em;margin-top:12px;font-size:12.5px}.hero-open{margin-top:14px;padding:11px 16px;font-size:13px}.hero-ctas{margin-top:14px}.hero-controls{top:calc(var(--nav-h) + 12px);bottom:auto;right:16px}.hero-inner{padding-bottom:14px}.hero-marquee{margin-top:14px}.hero-tag{margin-bottom:10px}}@media(max-width:1024px){.hero{height:auto;min-height:calc(100svh - var(--nav-h))}}.brand-short{display:none}@media(max-width:480px){.brand{white-space:nowrap;text-overflow:clip;flex:none;font-size:14px;overflow:visible}.brand-full{display:none}.brand-short{letter-spacing:.04em;font-weight:700;display:inline}}.proj-media{background:var(--panel-2);position:relative}.proj-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s}.proj-media img[src]{opacity:1}@media(max-width:640px){.proj-media{aspect-ratio:16/10;min-height:200px}.proj-media img{position:absolute;inset:0}}html,body{max-width:100%;overflow-x:hidden}.hero-marquee,.hm-track,#bgfx,#bgfx-placeholder,#particles{max-width:100vw}@media(max-width:640px){.wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.section-head p,.about-body p{padding-right:0}body{font-size:15.5px;line-height:1.55}.section-head h2,.about-body h2,.contact h2{overflow-wrap:break-word;font-size:clamp(24px,7vw,34px)}.hero h1{overflow-wrap:break-word;font-size:clamp(30px,9vw,44px)}.hero-open-text{font-size:14px;line-height:1.55}.cap-grid,.skill-grid{grid-template-columns:1fr}.skill-card{grid-column:auto}.proj-list{grid-template-columns:1fr}}@media(min-width:641px)and (max-width:1024px){.skill-grid{grid-template-columns:repeat(2,1fr)}.skill-card{grid-column:auto}}@media(max-width:1024px){.btn,.nav-resume,.nav-cta,.nav-toggle,.ctrl,.load-skip{min-width:44px;min-height:44px}.nav-drawer a{min-height:48px}.contact-actions{gap:14px}.hero-ctas{gap:12px}.pill,.sk-chip{align-items:center;min-height:32px;display:inline-flex}}.nav-drawer{padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px));z-index:7999;inset:0}body.drawer-open{width:100%;position:fixed;overflow:hidden}.hero{min-height:100svh;min-height:100dvh}.hero-content{z-index:6;position:relative}@media(max-width:640px){.hero-grade{background:linear-gradient(180deg,#05060d59 0%,#05060d8c 45%,#05060deb 78%,var(--bg) 100%)}.load-skip{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:2;min-height:44px;padding:12px 22px;position:fixed;left:50%;transform:translate(-50%)}.load-scope{transform:scale(.82)}.scroll-hud{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.scroll-hud{transform-origin:100% 100%;transform:scale(.8)}.scroll-hud.on{transform:scale(.8)}}@media(max-width:380px){.scroll-hud{display:none!important}}@media(max-width:768px){#bgfx{opacity:.4}#particles{display:none}.cap,.skill-card,.metric,.proj{-webkit-backdrop-filter:none}.glow,.cap-corner,.metric-corner{filter:none}}@media(max-width:640px){.tl{padding-left:22px}.tl-item{width:100%;margin-left:0}.tl-card{width:100%}}.sk-chip{white-space:normal;overflow-wrap:anywhere;line-height:1.35}nav{padding-top:env(safe-area-inset-top,0px)}@supports (padding:max(0px)){nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}