:root{--p-bg: #0b0e13;--p-ink: #eae6dd;--p-dim: #9aa0ab;--p-accent: #e9b44c;--p-line: rgba(180, 200, 230, .16);--p-glow: rgba(233, 180, 76, 0);--measure: 40rem;--font-body: "Newsreader", Georgia, "Times New Roman", serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", monospace;--ease: cubic-bezier(.22, .65, .24, 1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{margin:0;background:var(--p-bg);color:var(--p-ink);font-family:var(--font-body);font-weight:400;line-height:1.72;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;display:block}#wash{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 12%,var(--p-glow),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--p-bg) 42%,transparent),color-mix(in srgb,var(--p-bg) 30%,transparent) 42%,color-mix(in srgb,var(--p-bg) 78%,transparent))}#grid{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:var(--grid-opacity, .5);background-image:linear-gradient(var(--p-line) 1px,transparent 1px),linear-gradient(90deg,var(--p-line) 1px,transparent 1px);background-size:var(--grid-size, 46px) var(--grid-size, 46px);background-position:center;mask-image:radial-gradient(120% 100% at 50% 40%,#000 55%,transparent 100%)}#gate{position:relative;z-index:5;min-height:100dvh;display:grid;place-items:center;text-align:center;padding:clamp(1.4rem,5vw,4rem)}.gate-inner{max-width:54rem}.eyebrow{font-family:var(--font-mono);font-size:clamp(.62rem,1.4vw,.78rem);letter-spacing:.42em;text-transform:uppercase;color:var(--p-dim);margin:0 0 clamp(1.2rem,4vw,2.2rem)}.gate-title{font-family:var(--font-body);font-weight:500;font-size:clamp(2.9rem,11vw,8.4rem);line-height:.94;letter-spacing:-.02em;margin:0;text-wrap:balance}.gate-title span{display:block;font-family:var(--font-mono);font-weight:400;font-size:.2em;letter-spacing:.5em;text-transform:uppercase;color:var(--p-accent);margin:.5em 0;transform:translate(.25em)}.gate-sub{max-width:34rem;margin:clamp(1.6rem,4vw,2.4rem) auto 0;color:var(--p-dim);font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.62}.lang-select{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:clamp(1.4rem,4vw,2rem) auto 0}.lang-select button{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;padding:.5em .75em;border-radius:2px;border:1px solid var(--p-line);background:transparent;color:var(--p-dim);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.lang-select button .flag{font-size:1.15em;line-height:1}.lang-select button:hover{color:var(--p-ink);border-color:var(--p-accent)}.lang-select button[aria-current=true]{color:#14100a;background:var(--p-accent);border-color:var(--p-accent);font-weight:700}.gate-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-top:clamp(1.8rem,5vw,2.8rem)}.btn{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;padding:.95em 1.6em;border-radius:2px;border:1px solid var(--p-accent);cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--p-accent);color:#14100a;font-weight:700}.btn-ghost{background:transparent;color:var(--p-ink);border-color:var(--p-line)}.btn-ghost:hover{border-color:var(--p-accent)}.gate-hint{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--p-dim) 70%,transparent);margin-top:clamp(2rem,6vw,3.4rem)}body.begun #gate{display:none}#story{position:relative;z-index:5;display:block}body:not(.begun) #story,body:not(.begun) #chapters,body:not(.begun) #progress{display:none}.movement-head{min-height:92dvh;display:grid;align-content:center;justify-items:start;padding:12dvh clamp(1.4rem,7vw,8rem);max-width:60rem;margin:0 auto}.movement-num{font-family:var(--font-mono);font-size:clamp(.7rem,1.6vw,.86rem);letter-spacing:.4em;text-transform:uppercase;color:var(--p-accent);margin:0 0 1.4rem}.movement-title{font-family:var(--font-body);font-weight:500;font-size:clamp(2.6rem,9vw,6.4rem);line-height:.98;letter-spacing:-.02em;margin:0;text-wrap:balance}section.beat{padding:clamp(3rem,12vh,12vh) clamp(1.4rem,7vw,8rem);max-width:calc(var(--measure) + 2 * clamp(1.4rem,7vw,8rem));margin:0 auto}.beat-head{font-family:var(--font-mono);font-size:clamp(.66rem,1.5vw,.8rem);letter-spacing:.28em;text-transform:uppercase;color:var(--p-accent);margin:0 0 1.6rem;display:flex;align-items:baseline;gap:.9em}.beat-head .bh-num{color:var(--p-dim)}.beat h2{font-family:var(--font-body);font-weight:500;font-size:clamp(1.7rem,4.6vw,2.9rem);line-height:1.08;letter-spacing:-.015em;margin:0 0 1.4rem;text-wrap:balance}.beat p{max-width:var(--measure);font-size:clamp(1.06rem,2.5vw,1.28rem);margin:0 0 1.15em;color:color-mix(in srgb,var(--p-ink) 92%,var(--p-bg))}.beat p:first-of-type:first-letter{font-weight:500}.reveal{opacity:0;transform:translateY(26px)}.reveal.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}.beat .plate{background:linear-gradient(180deg,color-mix(in srgb,var(--p-bg) 50%,transparent),color-mix(in srgb,var(--p-bg) 58%,transparent));border-left:2px solid color-mix(in srgb,var(--p-accent) 60%,transparent);box-shadow:0 30px 80px -40px #000000b3;padding:clamp(1.6rem,4vw,2.8rem) clamp(1.5rem,4vw,2.6rem);border-radius:2px}.beat .plate p{text-shadow:0 1px 3px rgba(0,0,0,.85),0 1px 14px rgba(0,0,0,.5)}.beat-head{text-shadow:0 1px 3px rgba(0,0,0,.9),0 1px 14px rgba(0,0,0,.6)}#colophon{position:relative;z-index:5;padding:16dvh clamp(1.4rem,7vw,8rem) 10dvh;max-width:52rem;margin:0 auto;font-family:var(--font-mono);font-size:.76rem;line-height:1.9;letter-spacing:.02em;color:var(--p-dim)}#colophon h3{font-family:var(--font-body);font-size:clamp(1.4rem,4vw,2rem);color:var(--p-ink);letter-spacing:0;margin:0 0 1.2rem}#colophon a{color:var(--p-accent);text-decoration:none;border-bottom:1px solid transparent}#colophon a:hover{border-color:var(--p-accent)}#progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:30;background:color-mix(in srgb,var(--p-line) 60%,transparent)}#progress-fill{display:block;height:100%;width:0%;background:var(--p-accent);transition:width .1s linear}#chapters{position:fixed;right:clamp(.7rem,2vw,1.5rem);top:50%;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:.85rem}#chapters button{appearance:none;border:0;background:transparent;cursor:pointer;width:12px;height:12px;display:grid;place-items:center;padding:0}#chapters button:before{content:"";width:7px;height:7px;border:1px solid var(--p-dim);transform:rotate(45deg);transition:all .3s var(--ease)}#chapters button[aria-current=true]:before{background:var(--p-accent);border-color:var(--p-accent);width:9px;height:9px}#chapters button:hover:before{border-color:var(--p-accent)}.audio-toggle{position:fixed;right:clamp(.8rem,2vw,1.5rem);bottom:clamp(.9rem,2vw,1.6rem);z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--p-line);background:color-mix(in srgb,var(--p-bg) 88%,transparent);color:var(--p-ink);cursor:pointer;font-size:1rem;display:grid;place-items:center}.audio-toggle[hidden],.audio-toggle .ico-off,.audio-toggle.muted .ico-on{display:none}.audio-toggle.muted .ico-off{display:block;color:var(--p-dim)}@media (max-width: 640px){:root{--measure: 100%}#chapters{display:none}.movement-head{justify-items:start;padding-left:1.3rem;padding-right:1.3rem}.beat .plate{border-left-width:2px}}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important;transition:none}*{scroll-behavior:auto!important}#wash,#grid,body{transition:none!important}}