:root{--bg0:#05070d;--bg1:#0a0f1c;--panel:#0c12209e;--hairline:#1d2942;--text:#e8eefb;--muted:#8b9ab5;--faint:#5a6880;--accent:#5ee7ff;--accent2:#a78bfa;--accent3:#3ddc97;--display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--gutter:clamp(1.5rem, 5vw, 6rem);--measure:62ch}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg0);color:var(--text);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.075rem);line-height:1.65;overflow-x:hidden}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 35%, transparent);text-underline-offset:.25em}a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}code{font-family:var(--mono);font-size:.9em}.skip{z-index:10;background:var(--bg1);padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip:focus{top:1rem;left:1rem}#scene{z-index:0;touch-action:pan-y;width:100%;height:100%;display:block;position:fixed;inset:0}.scrim{z-index:1;pointer-events:none;background:radial-gradient(120% 80% at 70% 30%, transparent 0%, #05070d59 55%, var(--bg0) 100%), linear-gradient(180deg, #05070d8c 0%, transparent 22%);position:fixed;inset:0}.hero{z-index:2;min-height:100svh;padding:0 var(--gutter);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:relative}.hero>*{pointer-events:auto;max-width:var(--measure)}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;margin:0 0 1.5rem;font-size:.72rem;display:flex}.dot{background:var(--accent3);width:7px;height:7px;box-shadow:0 0 12px var(--accent3);border-radius:50%;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}h1{letter-spacing:.02em;background:linear-gradient(175deg,#fff 10%,#93a6c9 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.5rem,14vw,9.5rem);font-weight:700;line-height:.92}.lead{color:color-mix(in srgb, var(--text) 88%, transparent);margin:1.75rem 0 0;font-size:clamp(1.05rem,1rem + .5vw,1.3rem)}.hint{font-family:var(--mono);letter-spacing:.08em;color:var(--faint);margin:2.5rem 0 0;font-size:.75rem}main{z-index:2;position:relative}.section{padding:clamp(4rem, 10vh, 8rem) var(--gutter);border-top:1px solid var(--hairline);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#05070dd1,#05070df0)}.label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 2.5rem;font-size:.72rem;font-weight:500}.prose{max-width:var(--measure);color:color-mix(in srgb, var(--text) 82%, transparent);margin:0 0 2rem}.work{background:var(--hairline);border-block:1px solid var(--hairline);gap:1px;margin:0;padding:0;list-style:none;display:grid}.work-item{background:var(--bg0);transition:background .35s}.work-item.is-active{background:color-mix(in srgb, var(--accent) 7%, var(--bg0))}.work-link{color:inherit;grid-template-columns:auto 1fr;gap:.4rem 1.5rem;padding:1.75rem clamp(.5rem,2vw,1.5rem);text-decoration:none;display:grid}.work-index{font-family:var(--mono);color:var(--faint);grid-row:span 2;padding-top:.4rem;font-size:.75rem}.work-head{flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;display:flex}.work-name{letter-spacing:-.01em;font-size:clamp(1.35rem,1.1rem + 1.2vw,2rem);font-weight:500}.work-item:hover .work-name,.work-item.is-active .work-name{color:var(--accent)}.work-meta{font-family:var(--mono);letter-spacing:.06em;color:var(--faint);font-size:.72rem}.work-summary{max-width:var(--measure);color:var(--muted);margin:0}.spectrum{border:1px solid var(--hairline);border-radius:15px;height:30px;display:flex;overflow:hidden}.spectrum span{transition:flex-grow .6s}.legend{font-family:var(--mono);flex-wrap:wrap;gap:.75rem 1.75rem;margin:1.25rem 0 0;padding:0;font-size:.78rem;list-style:none;display:flex}.legend li{color:var(--muted);align-items:center;gap:.5rem;display:flex}.legend i{border-radius:50%;width:9px;height:9px}.legend b{color:var(--text);font-weight:400}.footer{padding-bottom:clamp(3rem,8vh,6rem)}.meta{font-family:var(--mono);color:var(--faint);flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;font-size:.72rem;display:flex}.tooltip{z-index:3;border:1px solid var(--hairline);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--mono);letter-spacing:.04em;color:var(--text);pointer-events:none;opacity:0;white-space:nowrap;border-radius:8px;padding:.5rem .8rem;font-size:.75rem;transition:opacity .18s;position:fixed;transform:translate(-50%,-160%)}.tooltip.is-visible{opacity:1}body.no-webgl .scrim{background:radial-gradient(90% 60% at 72% 26%, #5ee7ff29, transparent 60%), radial-gradient(70% 50% at 30% 12%, #a78bfa1f, transparent 60%), linear-gradient(180deg, var(--bg1), var(--bg0) 70%)}body.no-webgl .hint{display:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot{opacity:1;animation:none}}@media (max-width:640px){.work-link{grid-template-columns:1fr;gap:.5rem}.work-index{grid-row:auto;padding-top:0}}