@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";:root{--bg: #A0A5B1;--bg-soft: #8C92A0;--fg: #14161a;--fg-dim: #4a4e56;--fg-faint: #6a6f78;--accent: #2a2d33;--hairline: rgba(0, 0, 0, .1);--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:.02em;cursor:default;overflow-x:hidden}body{min-height:100vh;background:var(--bg)}#webgl{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand .dot{width:8px;height:8px;background:var(--fg);border-radius:50%;display:inline-block;animation:pulse 2.6s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.brand-name{font-weight:500}.nav{display:flex;align-items:center;gap:24px}.nav-meta{font-variant-numeric:tabular-nums}.sound-toggle{background:none;border:1px solid rgba(0,0,0,.4);color:inherit;font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;cursor:pointer;display:flex;gap:8px;align-items:center;transition:background .2s}.sound-toggle:hover{background:#00000014}.sound-bars{display:inline-flex;gap:2px;align-items:flex-end;height:10px}.sound-bars i{width:2px;background:currentColor;display:block;height:30%}.sound-toggle[aria-pressed=true] .sound-bars i{animation:bars 1.1s infinite ease-in-out}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:.15s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:.3s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:.45s}@keyframes bars{0%,to{height:30%}50%{height:100%}}.scroll{position:relative;z-index:2}.chapter{min-height:100vh;display:flex;align-items:center;padding:0 6vw;position:relative}.chapter:before{content:attr(data-chapter) " " attr(data-label);position:absolute;top:28px;right:28px;font-size:10px;color:var(--fg-faint);letter-spacing:.2em;display:none}.chapter-inner{max-width:720px;width:100%}.kicker{font-size:11px;letter-spacing:.3em;color:var(--fg-dim);text-transform:uppercase;margin:0 0 28px}.hero-title{font-size:clamp(72px,18vw,240px);font-weight:500;line-height:.9;margin:0 0 30px;letter-spacing:-.02em;text-transform:uppercase}.hero-sub{font-size:13px;letter-spacing:.25em;color:var(--fg-dim);text-transform:uppercase;margin:0 0 60px}.scroll-hint{font-size:11px;color:var(--fg-faint);letter-spacing:.3em;text-transform:uppercase;animation:hintFloat 2.4s infinite ease-in-out}@keyframes hintFloat{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.chapter h2{font-size:clamp(40px,8vw,96px);font-weight:500;line-height:1;margin:0 0 36px;letter-spacing:-.01em;text-transform:uppercase}.copy{font-size:clamp(15px,1.6vw,19px);line-height:1.55;max-width:540px;color:var(--accent);margin:0;font-weight:400}.copy.small{font-size:12px;color:var(--fg-dim);letter-spacing:.05em}.copy.mono{letter-spacing:.2em;text-transform:uppercase;margin-top:18px}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px 40px;margin:0;padding:0;border-top:1px solid var(--hairline)}.specs-grid>div{padding-top:18px}.specs-grid dt{font-size:10px;color:var(--fg-dim);letter-spacing:.25em;text-transform:uppercase;margin:0 0 8px}.specs-grid dd{margin:0;font-size:14px;letter-spacing:.05em;color:var(--fg);text-transform:uppercase}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;max-width:720px}.archive-grid figure{margin:0;position:relative;overflow:hidden;background:#00000026;border:1px solid var(--hairline);aspect-ratio:4/5}.archive-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.15) contrast(1.05) saturate(.85) brightness(.92);transition:filter .5s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.archive-grid figure:hover img{filter:grayscale(0) contrast(1.1) saturate(1) brightness(1);transform:scale(1.04)}.archive-grid figcaption{position:absolute;bottom:10px;left:12px;font-size:10px;letter-spacing:.25em;color:#fff;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.6)}.colophon{max-width:540px}.scroll-progress{position:fixed;left:0;right:0;bottom:0;height:1px;background:#0000001a;z-index:9}.scroll-progress-bar{height:100%;width:0%;background:var(--fg);transition:width .1s linear}.loader{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .6s ease,visibility .6s;color:var(--fg)}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-text{font-size:12px;letter-spacing:.3em;color:var(--fg-dim);font-variant-numeric:tabular-nums}.loader-bar{width:200px;height:1px;background:var(--hairline);overflow:hidden}.loader-bar-fill{height:100%;width:0%;background:var(--fg);transition:width .2s linear}@media (max-width: 700px){.topbar{padding:14px 18px}.chapter{padding:0 5vw}.nav-meta{display:none}.specs-grid{grid-template-columns:1fr 1fr;gap:22px 28px}}