:root{--void: #07090f;--paper: #eef1f6;--ink: #0e1420;--signal: #3d5afe;--ice: #9fd8ff;--dim: #6b7a90;--bg: var(--void);--fg: var(--paper);--muted: #8a97ab;--accent: var(--ice);--line: rgba(238, 241, 246, .14);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad: clamp(1.25rem, 5vw, 5rem);--step-0: clamp(1rem, .95rem + .25vw, 1.125rem);--step-1: clamp(1.25rem, 1.1rem + .7vw, 1.6rem);--step-2: clamp(1.8rem, 1.4rem + 2vw, 3rem);--step-3: clamp(2.6rem, 1.6rem + 5vw, 6rem);--step-4: clamp(3.4rem, 1.2rem + 11vw, 11rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,p{margin:0}a{color:inherit}img,canvas,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--signal);color:#fff;padding:.6rem 1rem;border-radius:6px;transition:top .2s}.skip:focus{top:1rem}.scene{position:relative;min-height:100svh;padding:clamp(5rem,12vh,9rem) var(--pad);display:flex;flex-direction:column;justify-content:center}.scene>.wrap{width:100%}.wrap{max-width:78rem;margin-inline:auto}.h-display{font-family:var(--font-display);font-weight:600;letter-spacing:-.035em;line-height:.95}.lede{font-size:var(--step-1);max-width:34ch;color:var(--muted)}.bar{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.1rem var(--pad);mix-blend-mode:difference;color:#fff;pointer-events:none}.bar>*{pointer-events:auto}.bar a{text-decoration:none;font-family:var(--font-display);font-weight:500}.bar nav{display:flex;gap:clamp(.9rem,2.5vw,2rem)}.bar nav a{font-size:.95rem;opacity:.85;transition:opacity .2s}.bar nav a:hover{opacity:1}@media(max-width:40rem){.bar nav a:nth-child(1),.bar nav a:nth-child(2),.bar nav a:nth-child(4){display:none}}.progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:60;background:var(--signal);transform-origin:0 50%;transform:scaleX(0)}.hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;justify-content:stretch;overflow:clip;contain:paint}#stage{position:absolute;inset:0;z-index:0}#stage canvas{width:100%;height:100%}.hero .wrap{position:relative;z-index:1;width:100%;pointer-events:none}.hero h1{font-size:var(--step-4)}.hero h1 .row{display:block;overflow:hidden;padding-bottom:.08em}.hero h1 .row span{display:inline-block;will-change:transform}.hero .meta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;color:var(--muted)}.hero .meta strong{color:var(--fg);font-weight:500}.scroll-hint{position:absolute;right:var(--pad);bottom:2.2rem;z-index:1;width:1px;height:4.5rem;background:var(--line);overflow:hidden}.scroll-hint:after{content:"";position:absolute;inset:0;background:var(--accent);animation:drip 2.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes drip{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.about .statement{font-size:var(--step-3);max-width:18ch}.about .cols{margin-top:clamp(2.5rem,8vh,6rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem 4rem;max-width:60rem}.about .cols p{max-width:44ch;color:var(--muted)}.about .links{margin-top:3rem;display:flex;flex-wrap:wrap;gap:.75rem}.pill{display:inline-block;padding:.65rem 1.2rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:500;transition:background .25s,color .25s,border-color .25s}.pill:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.skills .wrap{display:grid;gap:3rem;grid-template-columns:minmax(0,1fr)}@media(min-width:62rem){.skills .wrap{grid-template-columns:.8fr 1.2fr;align-items:center}}.skills h2{font-size:var(--step-3)}.terminal{font-family:var(--font-mono);font-size:clamp(.8rem,.72rem + .35vw,.95rem);border:1px solid var(--line);border-radius:14px;background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 30px 80px -30px #3d5afe59}.terminal header{display:flex;align-items:center;gap:.45rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);color:var(--muted)}.terminal header i{width:.65rem;height:.65rem;border-radius:50%;background:var(--line)}.terminal header span{margin-left:.6rem}.terminal pre{margin:0;padding:1.4rem 1.4rem 1.8rem;min-height:22rem;white-space:pre-wrap;word-break:break-word;line-height:1.9}.terminal .p{color:var(--accent)}.terminal .k{color:var(--muted)}.terminal .cursor{display:inline-block;width:.6ch;height:1.1em;background:var(--accent);vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.projects{padding-inline:0;overflow:clip}.projects>.head{width:100%;margin-inline:auto;margin-block:0 clamp(2rem,6vh,4rem);padding-inline:var(--pad);max-width:calc(78rem + 2 * var(--pad))}.projects h2{font-size:var(--step-3)}.track{display:flex;gap:clamp(1rem,2.5vw,2rem);padding-left:max(var(--pad),calc((100vw - 78rem)/2));padding-right:var(--pad);width:max-content;will-change:transform}.card{flex:0 0 auto;width:min(82vw,30rem);min-height:24rem;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.4rem,2.5vw,2.2rem);border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:background .35s,color .35s,border-color .35s}.card:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.card:hover .card-meta,.card:hover .card-sum{color:inherit;opacity:.75}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.95rem}.card h3{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.03em;line-height:1.02;font-weight:600}.card-sum{margin-top:1rem;color:var(--muted);max-width:34ch}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}.tags span{font-size:.85rem;padding:.25rem .7rem;border:1px solid currentColor;border-radius:999px;opacity:.7}.timeline{min-height:130svh;padding-bottom:clamp(7rem,20vh,14rem)}.timeline h2{font-size:var(--step-3);margin-bottom:clamp(2.5rem,8vh,5rem)}.line{position:relative;margin-left:.55rem;padding-left:clamp(1.6rem,4vw,3rem);max-width:50rem}.line:before,.line .fill{content:"";position:absolute;left:0;top:.6rem;bottom:.6rem;width:1px;background:var(--line)}.line .fill{background:var(--accent);transform-origin:50% 0;transform:scaleY(0)}.node{position:relative;padding-bottom:clamp(2.5rem,7vh,4.5rem)}.node:last-child{padding-bottom:0}.node:before{content:"";position:absolute;left:calc(-1*clamp(1.6rem,4vw,3rem) - .28rem);top:.55rem;width:.56rem;height:.56rem;border-radius:50%;background:var(--accent)}.node time{color:var(--muted);font-size:.95rem}.node h3{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.03em;line-height:1.05;font-weight:600;margin:.3rem 0}.node .place{font-weight:500}.node .note{color:var(--muted);margin-top:.4rem;max-width:44ch}.contact{justify-content:center}.contact .ask{color:var(--muted);font-size:var(--step-1);margin-bottom:1.5rem}.contact a.mail{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;line-height:1;font-size:clamp(2rem,1rem + 7.5vw,8rem);text-decoration:none;overflow-wrap:anywhere;background:linear-gradient(currentColor,currentColor) 0 100% / 0% .06em no-repeat;transition:background-size .6s cubic-bezier(.65,0,.35,1)}.contact a.mail:hover,.contact a.mail:focus-visible{background-size:100% .06em}footer{margin-top:clamp(4rem,14vh,9rem);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.9rem}@media(prefers-reduced-motion:reduce){.scroll-hint:after,.terminal .cursor{animation:none}}.no-js .projects{overflow-x:auto}