:root{--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display:"Newsreader", "Iowan Old Style", Georgia, serif;--deep-bg:#101a18;--panel-bg:#070b09;--surface-fg:#dfe6e2;--surface-muted:#a7b5b0;--surface-faint:#8b9c97;--surface-line:#26332f;--surface-dot:#4a5b57;--accent-quiet:#5a927e;--accent:#5dcaa5;--mesh-line:#223b36;--mesh-dim:#2f6350;--hero-name:#d8e4de;--hero-tagline:#72887c;--panel-fg:#e2e8e5;--panel-sub:#8fa5a0;--panel-value:#93a9a4;--panel-label:#6b8b84;--panel-whisper:#628681;--panel-line:#16302c;--panel-rule:#0f211e;--panel-edge:#1d3b35}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-y:scroll}body{font-family:var(--sans);background:var(--deep-bg);color:var(--surface-fg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}:focus-visible{outline-offset:4px;outline:1px solid}.reveal{z-index:2;pointer-events:none;height:200svh;position:relative}main{z-index:1;margin-top:-100svh;position:relative}.app.reduced .reveal{height:100svh}.app.reduced main{margin-top:0}.stage{background:var(--deep-bg);height:100svh;position:sticky;top:0;overflow:hidden}.stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 62% at 50% 46%,#0000 0%,#04080759 78%,#0408079e 100%);position:absolute;inset:0}.grain{z-index:60;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.mesh-lines{width:100%;height:100%;position:absolute;inset:0}.mesh-lines line{stroke:var(--mesh-line);stroke-linecap:round}.node{will-change:transform;position:absolute;top:0;left:0}.node-dot{background:var(--mesh-dim);border-radius:50%;display:block;position:absolute}.node-label{font-family:var(--mono);letter-spacing:.09em;color:var(--accent-quiet);white-space:nowrap;font-size:11px;position:absolute;top:-.6em}.hero-intro{max-width:62rem;margin:0 auto;padding:0 2rem;position:absolute;top:3rem;left:0;right:0}.hero-name{font-family:var(--display);font-optical-sizing:auto;letter-spacing:.005em;color:var(--hero-name);margin:0;font-size:1.35rem;font-weight:400;line-height:1.2}.hero-tagline{font-family:var(--sans);letter-spacing:.06em;color:var(--hero-tagline);margin:.4rem 0 0;font-size:10px}.scroll-hint{font-family:var(--mono);letter-spacing:.18em;color:var(--accent-quiet);font-size:10px;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.surface{background:var(--deep-bg);padding-bottom:14svh;position:relative}.surface-web{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.surface-web line{stroke:var(--surface-line);stroke-width:1px;transition:stroke .25s}.surface-web line.lit{stroke:var(--accent-quiet)}.row-dot.near{animation:.55s ease-out dot-pulse}@keyframes dot-pulse{0%{background:var(--accent-quiet);transform:scale(1)}35%{background:var(--accent);transform:scale(1.5)}to{background:var(--accent-quiet);transform:scale(1)}}.surface-inner{max-width:62rem;margin:0 auto;padding:14svh 2rem 0;position:relative}.intro h1{font-family:var(--display);font-optical-sizing:auto;letter-spacing:.005em;margin:0;font-size:2rem;font-weight:400;line-height:1.15}.intro p{max-width:52ch;color:var(--surface-muted);margin:.5rem 0 0;font-size:1.15rem;font-weight:300;line-height:1.65}.projects{margin:9svh 0 0;padding:0;list-style:none}.row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:20px minmax(15rem,max-content) 1fr;align-items:center;gap:0 2rem;padding:1.9rem 0;display:grid}.row-dot{background:var(--accent-quiet);border-radius:50%;justify-self:center;width:7px;height:7px;transition:background .2s,transform .2s;display:block}.row:hover .row-dot,.row:focus-visible .row-dot{background:var(--accent);transform:scale(1.3)}.row-name{font-size:1.4rem;font-weight:400}.row:hover .row-name,.row:focus-visible .row-name{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.row-line{color:var(--surface-faint);font-size:1rem}.row:focus-visible{outline:1px solid var(--surface-fg);outline-offset:6px}.below{padding:6svh 0 8rem}.block{grid-template-columns:20px minmax(0,1fr);gap:0 2rem;max-width:62rem;margin:0 auto 5.5rem;padding:0 2rem;display:grid}.block>*{grid-column:2}.block h2{letter-spacing:.1em;text-transform:uppercase;color:var(--surface-faint);margin:0 0 1.5rem;font-size:.78rem;font-weight:500;position:relative}.block h2:before{content:"";background:var(--surface-dot);border-radius:50%;width:5px;height:5px;position:absolute;top:.5em;left:-42px;transform:translate(-50%,-50%)}.mono{font-family:var(--mono)}.skills{margin:0}.skills div{grid-template-columns:8rem 1fr;gap:1rem;padding:.55rem 0;display:grid}.skills dt{color:var(--surface-faint)}.skills dd{color:var(--surface-muted);margin:0}.recognition{position:relative}.recognition:after{content:"";background:var(--surface-line);width:1px;position:absolute;top:2.8rem;bottom:0;left:calc(2rem + 10px)}.citation{max-width:52ch;margin:0 0 1.1rem;font-size:1.25rem;font-weight:300;line-height:1.6}.attribution{max-width:54ch;color:var(--surface-faint);margin:0;font-size:.9rem}.timeline{position:relative}.timeline:after{content:"";background:var(--surface-line);width:1px;position:absolute;top:2.8rem;bottom:.4rem;left:calc(2rem + 10px)}.experience{margin:0;padding:0;list-style:none}.experience>li{margin-bottom:3rem;position:relative}.experience>li:before{content:"";background:var(--surface-dot);z-index:1;width:9px;height:1px;position:absolute;top:.85em;left:-42px;transform:translate(-50%,-50%)}.exp-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 1rem;max-width:46rem;display:flex}.exp-role{font-size:1.1rem;font-weight:400}.exp-dates{color:var(--surface-faint);font-size:11px}.exp-org{color:var(--surface-faint);margin:.25rem 0 .9rem;font-size:.95rem}.experience ul{margin:0;padding:0;list-style:none}.experience ul li{max-width:66ch;color:var(--surface-muted);padding:.3rem 0 .3rem 1.1rem;font-size:.95rem;position:relative}.experience ul li:before{content:"—";color:var(--surface-dot);position:absolute;left:0}.open-source p,.contact p{max-width:66ch;color:var(--surface-muted);margin:.35rem 0}.contact{border-top:1px solid var(--surface-line);padding-top:2.25rem}a{color:var(--surface-fg);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--surface-dot);text-decoration-color:var(--surface-dot);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.scrim{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0408076b;position:fixed;inset:0}.panel{z-index:50;background:var(--panel-bg);border:1px solid var(--panel-edge);color:var(--panel-fg);position:fixed;overflow:auto}.panel-sheet{transform-origin:bottom;width:100%;max-height:88svh;inset:auto 0 0}.panel-body{padding:2.5rem clamp(1.5rem,3.5vw,2.5rem)}.panel-body h2{font-family:var(--sans);letter-spacing:-.01em;color:var(--panel-fg);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:500}.panel-line{max-width:48ch;color:var(--panel-sub);margin:.6rem 0 1.75rem;font-size:.95rem;line-height:1.5}.panel-line:has(+.panel-about){margin-bottom:1rem}.panel-about{margin:0 0 1.75rem}.panel-about-toggle{cursor:pointer;font-family:var(--mono);letter-spacing:.04em;color:var(--panel-label);background:0 0;border:0;align-items:baseline;gap:.5rem;padding:0;font-size:11px;display:inline-flex}.panel-about-toggle:hover,.panel-about-toggle:focus-visible{color:var(--accent)}.panel-about-sign{text-align:center;width:.7em;display:inline-block}.panel-about-body{overflow:hidden}.panel-about-body p{max-width:66ch;color:var(--panel-sub);margin:1rem 0 0;font-size:.9rem;line-height:1.65}.panel-details{border-top:1px solid var(--panel-line);margin:0}.detail{border-bottom:1px solid var(--panel-rule);font-family:var(--mono);color:var(--panel-value);grid-template-columns:7rem 1fr;gap:.9rem;padding:.45rem 0;font-size:12px;line-height:1.45;display:grid}.detail dt{color:var(--panel-label)}.detail dd{margin:0}.detail-links a{color:var(--accent);text-decoration:none}.detail-links a:hover,.detail-links a:focus-visible{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.panel-trace{font-family:var(--mono);letter-spacing:.04em;color:var(--panel-whisper);flex-wrap:wrap;gap:.5rem .6rem;margin:1.5rem 0 0;padding:0;font-size:11px;list-style:none;display:flex}.trace-step{color:var(--panel-whisper);align-items:center;gap:.6rem;transition:color .3s;display:flex}.trace-step.lit{color:var(--panel-value)}.trace-dot{background:var(--panel-edge);border-radius:50%;flex:none;width:5px;height:5px;transition:background .3s}.trace-step.lit .trace-dot{background:var(--accent)}.trace-rail{background:var(--accent);transform-origin:0;flex:none;width:1.2rem;height:1px;transition:transform .38s;transform:scaleX(0)}.trace-rail.lit{transform:scaleX(1)}.panel-close{font-family:var(--mono);color:var(--panel-label);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.4rem .5rem;font-size:11px;display:flex;position:absolute;top:1rem;right:1rem}.panel-close:hover{color:var(--accent)}.panel-close-key{border:1px solid var(--panel-line);color:var(--panel-whisper);padding:0 .35rem}@media (width<=720px){.hero-intro{padding:0 1.25rem;top:2rem}.surface-inner{padding:12svh 1.25rem 0}.intro h1{font-size:1.7rem}.intro p{font-size:1.1rem}.projects{margin-top:7svh}.row{grid-template-columns:18px 1fr;align-items:start;gap:0 .9rem;padding:1.15rem 0}.row-dot{margin-top:.6em}.row-name{font-size:1.15rem}.row-line{grid-column:2;font-size:.95rem}.block{grid-template-columns:18px minmax(0,1fr);gap:0 .9rem;padding:0 1.25rem}.block h2:before{left:-23.4px}.recognition:after,.timeline:after{left:calc(1.25rem + 9px)}.experience>li:before{left:-23.4px}.hero-name{font-size:1.2rem}.citation{font-size:1.1rem}.skills div{grid-template-columns:1fr;gap:.15rem}.detail{grid-template-columns:1fr;gap:.1rem;padding:.55rem 0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}