:root{--bg:#070a08;--bg-deep:#04060b;--neon-1:#8af43f;--neon-2:#12b87b;--text:#e9f4ec;--muted:#8fa89a;--line:#e9f4ec14;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease-brand:cubic-bezier(.65, .05, .36, 1);--diag:45deg}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;overflow-x:hidden}::selection{background:var(--neon-2);color:var(--bg-deep)}a{color:var(--text);text-decoration:none}a:hover{color:var(--neon-1)}:focus-visible{outline:2px solid var(--neon-1);outline-offset:3px}.skip-link{z-index:100;background:var(--neon-1);color:var(--bg-deep);border-radius:4px;padding:8px 16px;transition:top .2s;position:absolute;top:-48px;left:16px}.skip-link:focus{color:var(--bg-deep);top:16px}#gl{z-index:0;position:fixed;inset:0}.dom{z-index:1;pointer-events:none;position:relative}.dom a,.dom button,.dom [data-interactive]{pointer-events:auto}section{flex-direction:column;justify-content:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:clamp(24px,6vw,96px);display:flex}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.6rem,9vw,7.5rem);font-weight:700;line-height:.95}.hero .role{font-family:var(--font-mono);color:var(--neon-1);margin-top:1.2rem;font-size:clamp(.8rem,1.6vw,1rem)}.hero .tagline{color:var(--muted);max-width:44ch;margin-top:.8rem}.hero .scroll-hint{color:var(--muted);font-family:var(--font-mono);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-hint .arrow{color:var(--neon-1);animation:nudge 2.2s var(--ease-brand) infinite;display:inline-block}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px,-4px)}}h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:500}.kicker{font-family:var(--font-mono);color:var(--neon-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem;font-size:12px}.stack-groups{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:0;list-style:none;display:grid}.stack-groups h3{font-family:var(--font-mono);color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:400}.tags{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--text);border-radius:4px;padding:4px 10px;font-size:13px}.project{border-top:1px solid var(--line);grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:48px 0;display:grid}@media (max-width:800px){.project{grid-template-columns:1fr}}.project figure{aspect-ratio:16/10;border:1px solid var(--line);background:linear-gradient(135deg, #8af43f0f, #12b87b08), var(--bg-deep);color:var(--muted);font-family:var(--font-mono);border-radius:8px;justify-content:center;align-items:center;font-size:12px;display:flex}.project h3{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:500}.project .role{color:var(--neon-2);font-family:var(--font-mono);margin:6px 0 14px;font-size:13px}.project ul.highlights{color:var(--muted);margin:14px 0;padding-left:18px}.timeline{border-left:1px solid var(--line);padding:0;list-style:none}.timeline li{padding:20px 0 20px 28px;position:relative}.timeline li:before{content:"";background:var(--neon-1);clip-path:polygon(0 100%,0 0,100% 0);width:9px;height:9px;position:absolute;top:30px;left:-5px}.timeline .period{font-family:var(--font-mono);color:var(--muted);font-size:12px}.contact .cta{font-family:var(--font-display);color:var(--neon-1);border-bottom:1px solid var(--neon-2);margin-top:1rem;padding-bottom:4px;font-size:clamp(1.4rem,3.4vw,2.6rem);display:inline-block}.contact .links{font-family:var(--font-mono);gap:24px;margin-top:2.5rem;font-size:14px;display:flex}.nav{z-index:10;background:linear-gradient(#04060bcc,#0000);justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.nav nav{font-family:var(--font-mono);gap:22px;font-size:13px;display:flex}.nav .brand img{display:block}.nav .lang{font-family:var(--font-mono);border:1px solid var(--line);border-radius:4px;padding:4px 10px;font-size:13px}@media (max-width:700px){.nav nav{display:none}}.preloader{z-index:50;background:var(--bg-deep);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transition:clip-path .9s var(--ease-brand);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.preloader.leaving{clip-path:polygon(-100% 0%,0% 0%,-100% 100%,-200% 100%)}.preloader .pct{font-family:var(--font-mono);color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}