:root{--ink: #eef2ff;--ink-dim: rgba(196, 210, 245, .72);--ink-faint: rgba(160, 178, 225, .5);--line: rgba(190, 205, 250, .35);--panel: rgba(5, 10, 34, .55);--font-d: "Space Grotesk", system-ui, sans-serif;--font-m: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-d);color:var(--ink);background:#060f38;height:100dvh}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#bg canvas{display:block}.site-header{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px)}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer;color:var(--ink);font-family:var(--font-d);font-size:15px;font-weight:700;letter-spacing:.34em}.site-nav button{background:none;border:0;cursor:pointer;color:var(--ink-dim);font-family:var(--font-m);font-size:13px;letter-spacing:.22em;padding:6px 2px;transition:color .3s}.site-nav button:hover,.site-nav button.on{color:var(--ink)}.site-footer{position:fixed;inset:auto 0 0 0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,56px);font-family:var(--font-m);font-size:12px;letter-spacing:.18em;color:var(--ink-faint);pointer-events:none}.track{position:relative;z-index:5;display:flex;width:200vw;height:100dvh;transition:transform .95s cubic-bezier(.77,0,.18,1);will-change:transform}.panel{width:100vw;height:100dvh;flex:0 0 100vw;display:flex;align-items:center;justify-content:center;padding:96px clamp(20px,6vw,80px) 80px}.hero{text-align:center}.hero-title{font-size:clamp(44px,9.5vw,118px);font-weight:700;letter-spacing:.3em;text-indent:.3em;line-height:1.05;text-shadow:0 2px 34px rgba(3,8,30,.55)}.hero-sub{margin-top:26px;font-family:var(--font-m);font-size:clamp(13px,1.6vw,17px);letter-spacing:.14em;color:var(--ink-dim)}.sound-toggle{margin-top:52px;font-family:var(--font-m);font-size:13px;letter-spacing:.2em;color:var(--ink);background:#08103459;border:1px solid var(--line);border-radius:999px;padding:15px 34px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .3s,border-color .3s}.sound-toggle:hover{background:#14246080}.sound-toggle.playing{border-color:#e6eeffd9}.hero-note{margin-top:30px;font-family:var(--font-m);font-size:12px;letter-spacing:.16em;color:var(--ink-faint)}.panel-about{background:var(--panel);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.about-inner{max-width:640px}.panel-label{font-family:var(--font-m);font-size:13px;font-weight:500;letter-spacing:.34em;color:var(--ink-faint);margin-bottom:34px}.about-lead{font-size:clamp(21px,3vw,28px);line-height:1.5;font-weight:500}.about-inner p{margin-bottom:20px;line-height:1.75;color:var(--ink)}.about-inner p:not(.about-lead){color:var(--ink-dim);font-size:16px}.about-inner em{font-style:normal;color:var(--ink);letter-spacing:.06em}.about-meta{display:flex;gap:44px;flex-wrap:wrap;margin:36px 0 44px;padding-top:24px;border-top:1px solid var(--line)}.about-meta dt{font-family:var(--font-m);font-size:11px;letter-spacing:.24em;color:var(--ink-faint);margin-bottom:8px}.about-meta dd{font-size:15px;letter-spacing:.08em}.back{background:none;border:0;cursor:pointer;font-family:var(--font-m);font-size:13px;letter-spacing:.22em;color:var(--ink-dim);transition:color .3s}.back:hover{color:var(--ink)}@media (max-width: 640px){.hero-title{letter-spacing:.2em;text-indent:.2em}.about-meta{gap:26px}}