:root{color-scheme:dark;--cyan: #6fd4ff;--cyan-dim: rgba(159, 200, 255, .78);--amber: #f4a52a;--ink: #ecf4ff;--panel-bg: rgba(7, 12, 24, .62);--hairline: rgba(111, 212, 255, .28);--mono: ui-monospace, "SF Mono", Menlo, monospace;--display: "Space Grotesk", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;overflow-x:hidden;background:#05080f;color:var(--ink);font-family:var(--body)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 75% at 50% 42%,#0000 55%,#02050c8c);z-index:2}main{position:relative;z-index:3;pointer-events:none}.hero{position:relative;height:100svh}.identity{position:absolute;left:clamp(24px,5.5vw,96px);top:50%;transform:translateY(-50%);display:flex;align-items:stretch;gap:22px;animation:overlay-rise 1.1s cubic-bezier(.2,.7,.2,1) .35s backwards}.bracket{width:10px;border-left:2px solid rgba(111,212,255,.75);background:repeating-linear-gradient(to bottom,rgba(111,212,255,.6) 0 1px,transparent 1px 15px);background-size:8px 100%;background-repeat:no-repeat}.identity-text{display:flex;flex-direction:column;gap:12px;padding:4px 0}.name{font:600 clamp(32px,4.4vw,58px) / 1.04 var(--display);text-transform:uppercase;letter-spacing:.015em;color:var(--ink);max-width:7em;text-wrap:balance;text-shadow:0 2px 28px rgba(3,8,18,.85),0 0 60px rgba(60,110,200,.25)}.role{font:500 clamp(11px,1vw,13px) / 1.5 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--cyan-dim);text-shadow:0 1px 16px rgba(3,8,18,.9)}.role .at{color:#9fc8ff73}.role .org{color:var(--amber);text-shadow:0 0 18px rgba(244,165,42,.35)}.socials{display:flex;gap:14px;margin-top:4px;pointer-events:auto}.socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--hairline);color:var(--cyan-dim);background:#070c1866;transition:color .25s ease,border-color .25s ease,transform .25s ease}.socials a:hover,.socials a:focus-visible{color:var(--amber);border-color:#f4a52a99;transform:translateY(-2px)}.socials svg{width:16px;height:16px}#hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font:500 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#96beff6b;-webkit-user-select:none;user-select:none;transition:opacity 1.2s ease;white-space:nowrap}#hint.hidden{opacity:0}.panel{pointer-events:auto;position:relative;max-width:620px;padding:clamp(28px,4vw,44px);margin-bottom:38vh;background:var(--panel-bg);border:1px solid var(--hairline);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:0 solid var(--cyan)}.panel:before{top:-2px;left:-2px;border-top-width:2px;border-left-width:2px}.panel:after{bottom:-2px;right:-2px;border-bottom-width:2px;border-right-width:2px}.side-left{margin-left:clamp(24px,8vw,130px);margin-right:auto}.side-right{margin-left:auto;margin-right:clamp(24px,8vw,130px)}.side-center{margin-left:auto;margin-right:auto;text-align:center}.panel:first-of-type{margin-top:8vh}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--amber);margin-bottom:18px}.panel h2{font:600 clamp(22px,2.6vw,32px) / 1.15 var(--display);letter-spacing:.005em;margin-bottom:16px;text-wrap:balance}.body-copy{font-size:15.5px;line-height:1.75;color:#d6e4f8e0}.panel-wide{max-width:720px}.panel-strip{max-width:min(1080px,92vw)}.projects{list-style:none;display:flex;flex-direction:column}.projects li{padding:22px 0;border-top:1px solid rgba(111,212,255,.14)}.projects li:first-child{border-top:none;padding-top:4px}.project-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.projects h3{font:600 18px/1.2 var(--display)}.projects h3 a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(111,212,255,.35);transition:color .25s ease,border-color .25s ease}.projects h3 a:after{content:" ↗";font-size:.75em;color:var(--cyan-dim)}.projects h3 a:hover,.projects h3 a:focus-visible{color:var(--amber);border-color:#f4a52a99}.tags{font:500 10px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-dim);white-space:nowrap}.projects p{font-size:14.5px;line-height:1.7;color:#d6e4f8c7}.strip{overflow:hidden;border:1px solid var(--hairline);background:#04081080;--strip-shift: -1520px}.strip-track{display:flex;gap:10px;padding:10px;width:max-content;animation:strip-scroll 46s linear infinite}.strip:hover .strip-track{animation-play-state:paused}.strip-track img{height:190px;width:auto;display:block;border:1px solid rgba(111,212,255,.16);filter:saturate(.95) contrast(1.03)}@keyframes strip-scroll{to{transform:translate(var(--strip-shift))}}.orgs{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.orgs-3{grid-template-columns:repeat(3,1fr)}.orgs li{background:#070c18d9;padding:22px 20px}.orgs h3{font:600 17px/1.2 var(--display);margin-bottom:6px}.orgs span{font:500 10px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan-dim)}.press{list-style:none;display:flex;justify-content:center;gap:clamp(24px,4vw,56px);flex-wrap:wrap}.press li{font:700 clamp(18px,2vw,24px) / 1 var(--display);text-transform:uppercase;letter-spacing:.06em;color:#d6e4f880;transition:color .3s ease}.press li:hover{color:var(--ink)}#contact-form{display:flex;flex-direction:column;gap:18px}#contact-form label{display:flex;flex-direction:column;gap:8px}#contact-form label span{font:500 10px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--cyan-dim)}#contact-form input,#contact-form textarea{font:400 15px/1.5 var(--body);color:var(--ink);background:#0a1120bf;border:1px solid var(--hairline);padding:12px 14px;outline:none;resize:vertical;transition:border-color .25s ease}#contact-form input::placeholder,#contact-form textarea::placeholder{color:#96b4dc59}#contact-form input:focus-visible,#contact-form textarea:focus-visible{border-color:#6fd4ffb3}#contact-form button{align-self:flex-start;font:600 12px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#0a0e16;background:var(--amber);border:none;padding:15px 28px;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}#contact-form button:hover,#contact-form button:focus-visible{background:#ffbc4d;transform:translateY(-1px);box-shadow:0 6px 24px #f4a52a59}.form-note{font:400 12px/1.5 var(--body);color:#96b4dc73}.form-note.ok{color:#7fe0a8}.form-note.err{color:var(--amber)}#contact-form button:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}footer{pointer-events:auto;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:40px 20px 48px;font:500 11px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#96beff80;background:linear-gradient(to bottom,transparent,rgba(3,6,12,.85))}footer a{color:var(--cyan-dim);text-decoration:none;transition:color .25s ease}footer a:hover,footer a:focus-visible{color:var(--amber)}footer .sep{color:#6fd4ff40}#top-nav{position:fixed;top:22px;right:22px;z-index:6;display:flex;align-items:stretch;gap:10px}#top-nav .nav-link,#explore-toggle{display:flex;align-items:center;gap:10px;font:600 11px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--cyan-dim);text-decoration:none;background:#070c188c;border:1px solid var(--hairline);padding:12px 16px;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:color .25s ease,border-color .25s ease}#top-nav .nav-link:hover,#top-nav .nav-link:focus-visible{color:var(--amber);border-color:#f4a52a99}#explore-toggle .dot{width:7px;height:7px;background:var(--cyan);rotate:45deg;transition:background .25s ease}#explore-toggle:hover,#explore-toggle:focus-visible{color:var(--amber);border-color:#f4a52a99}body.explore #explore-toggle{color:var(--amber);border-color:#f4a52a99}body.explore #explore-toggle .dot{background:var(--amber)}#explore-hint{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:6;font:500 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#96beff6b;white-space:nowrap;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:opacity .8s ease}body.explore{overflow:hidden}body.explore main{visibility:hidden}body.explore #explore-hint{opacity:1}body.explore #scene{touch-action:none}@keyframes overlay-rise{0%{opacity:0;transform:translateY(-50%) translateY(16px)}}.panel,footer{opacity:0;translate:0 26px;transition:opacity .9s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1)}.panel.in,footer.in{opacity:1;translate:0 0}@media (max-width: 720px){.identity{top:auto;bottom:72px;transform:none;gap:14px}.name{font-size:clamp(26px,8vw,34px)}.panel{margin-left:18px;margin-right:18px;margin-bottom:24vh}.orgs,.orgs-3{grid-template-columns:1fr}.strip-track img{height:140px}@keyframes overlay-rise{0%{opacity:0;transform:translateY(16px)}}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.identity{animation:none}.panel,footer{transition:none}.strip-track{animation:none}}