:root{--ivory:#efe6d2;--ivory-soft:#efe6d2b3;--ivory-faint:#efe6d259;--gold:#d6ad5c;--ink:#0b0a08;--font-display:"Cormorant Garamond", "Iowan Old Style", Palatino, Georgia, serif;--font-ui:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.22, .8, .24, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:#000}body{color:var(--ivory);font:400 15px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;background:#000;margin:0;overflow-x:hidden}body.is-gated{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:1.5px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#stage{width:100vw;height:100dvh;display:block;position:fixed;inset:0}#scroll{width:1px}.skip{z-index:60;background:var(--ivory);color:var(--ink);border-radius:2px;padding:8px 14px;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.bar{z-index:20;pointer-events:none;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:22px clamp(16px,3vw,40px);display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.mark{color:var(--ivory);align-items:baseline;text-decoration:none;display:flex}.mark-t{font:italic 600 30px/1 var(--font-display);color:var(--gold);transform:translateY(2px)}.mark-word{font:500 21px/1 var(--font-display);letter-spacing:.04em}.mark-sub{border-left:1px solid var(--ivory-faint);font:500 10.5px/1 var(--font-ui);letter-spacing:.32em;text-transform:uppercase;color:var(--ivory-soft);margin-left:14px;padding-left:14px}.bar-right{align-items:center;gap:22px;display:flex}.bar-link{letter-spacing:.28em;text-transform:uppercase;color:var(--ivory-soft);font-size:11px;text-decoration:none}.bar-link:hover{color:var(--ivory)}.sound{cursor:pointer;letter-spacing:.28em;text-transform:uppercase;color:var(--ivory-soft);background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;font-size:11px;display:inline-flex}.sound:hover{color:var(--ivory)}.sound-bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.sound-bars i{width:2px;height:3px;transition:height .3s var(--ease);background:currentColor}.sound[aria-pressed=true] .sound-bars i{animation:1.1s ease-in-out infinite bars}.sound[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.3s}.sound[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.6s}.sound[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:-.9s}@keyframes bars{0%,to{height:3px}50%{height:12px}}.rail{z-index:15;gap:2px;width:max-content;max-height:76vh;display:grid;position:fixed;top:50%;left:clamp(16px,3vw,40px);transform:translateY(-50%)}.rail button,.rail span{text-align:left;cursor:pointer;letter-spacing:.24em;text-transform:uppercase;color:var(--ivory-faint);background:0 0;border:0;grid-template-columns:18px auto;align-items:center;gap:10px;padding:3px 0;font-size:10.5px;display:grid}.rail .tick{width:10px;height:1px;transition:width .4s var(--ease);background:currentColor}.rail .label{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);white-space:nowrap;transform:translate(-6px)}.rail:hover .label,.rail:focus-within .label,.rail .is-current .label{opacity:1;transform:none}.rail .is-current{color:var(--ivory)}.rail .is-current .tick{background:var(--gold);width:18px}.rail button:hover{color:var(--ivory)}.rail .is-future{cursor:default;opacity:.55}.rail .is-future .label:after{content:" · in production";letter-spacing:.1em;text-transform:none;font-style:italic}.captions{z-index:10;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.caption{text-align:center;opacity:0;will-change:opacity, transform, filter;grid-area:1/1;max-width:min(46rem,86vw)}.caption .kicker{font:500 10.5px/1 var(--font-ui);letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}.caption.title .text{font:500 clamp(30px, 5.4vw, 78px)/1.08 var(--font-display);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 40px #000000a0,0 0 2px #00000080;margin:0}.caption.verse .text{font:italic 400 clamp(22px, 2.6vw, 38px)/1.32 var(--font-display);text-wrap:balance;text-shadow:0 2px 24px #000000d0,0 0 2px #000000a0;margin:0}.caption .ref{font:500 10.5px/1 var(--font-ui);letter-spacing:.34em;text-transform:uppercase;color:var(--ivory-soft);margin:20px 0 0}.caption .note{max-width:34rem;font:italic 400 clamp(17px, 1.6vw, 22px)/1.4 var(--font-display);color:var(--ivory-soft);text-shadow:0 2px 18px #000000d0;margin:18px auto 0}.cue{z-index:12;transition:opacity .6s var(--ease);letter-spacing:.4em;text-transform:uppercase;color:var(--ivory-soft);justify-items:center;gap:10px;font-size:10px;display:grid;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.cue i{background:linear-gradient(var(--ivory), transparent);width:1px;height:46px;animation:cue 2.4s var(--ease) infinite;transform-origin:top}@keyframes cue{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.end{z-index:18;text-align:center;opacity:0;width:min(40rem,90vw);transition:opacity .9s var(--ease);position:fixed;bottom:clamp(28px,8vh,80px);left:50%;transform:translate(-50%)}.end.is-visible{opacity:1}.end-kicker{letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:10.5px}.end-line{font:italic 400 clamp(18px, 1.8vw, 24px)/1.4 var(--font-display);color:var(--ivory-soft);margin:0 0 22px}.end-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border:1px solid var(--ivory-faint);min-height:44px;color:var(--ivory);cursor:pointer;letter-spacing:.26em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease);background:#00000040;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:11px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ivory);background:#ffffff14}.btn-solid{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}.btn-solid:hover{color:var(--ink);background:#fff}.btn:disabled{opacity:.35;cursor:progress}.gate{z-index:50;transition:opacity 1.4s var(--ease), visibility 1.4s;background:radial-gradient(at 50% 60%,#15110b 0%,#000 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate.is-leaving{opacity:0;visibility:hidden}.gate-inner{text-align:center;max-width:40rem}.gate-kicker{letter-spacing:.44em;text-transform:uppercase;color:var(--gold);margin:0 0 26px;font-size:10.5px}.gate-title{font:500 clamp(34px, 5vw, 64px)/1.08 var(--font-display);letter-spacing:.02em;margin:0}.gate-title em{color:var(--ivory-soft);font-weight:400}.gate-note{max-width:30rem;color:var(--ivory-soft);margin:22px auto 34px;font-size:14px}.gate-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gate-status{letter-spacing:.2em;text-transform:uppercase;min-height:1.5em;color:var(--ivory-faint);margin:26px 0 0;font-size:12px}.fallback{z-index:30;max-width:42rem;margin:0 auto;padding:120px 24px 80px;position:relative}.fallback .caption{opacity:1;margin:0 0 64px}.noscript{text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@media (width<=760px){.mark-sub,.bar-link,.rail{display:none}.bar{padding:16px}}@media (prefers-reduced-motion:reduce){.cue i,.sound[aria-pressed=true] .sound-bars i{animation:none}.gate,.end,.rail .label{transition-duration:1ms}}.bar,.rail,.chronicle{opacity:var(--ui-dim,1);transition:opacity .3s var(--ease)}.bar-toggle{cursor:pointer;letter-spacing:.28em;text-transform:uppercase;color:var(--ivory-faint);background:0 0;border:0;padding:6px 0;font-size:11px}.bar-toggle[aria-pressed=true]{color:var(--ivory-soft)}.bar-toggle:hover{color:var(--ivory)}.veil{z-index:5;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.veil span{background:var(--ivory-faint);width:38px;height:1px;animation:1.4s ease-in-out infinite veil}.veil.is-loading{opacity:1}@keyframes veil{50%{opacity:.4;transform:scaleX(2.4)}}.chronicle{z-index:16;pointer-events:none;background:linear-gradient(#0000,#00000059 30%,#000000b8);grid-template-rows:82px;grid-template-columns:minmax(150px,210px) 1fr;align-items:end;height:104px;padding:10px clamp(16px,3vw,40px) 12px;display:grid;position:fixed;bottom:0;left:0;right:0}body.chronicle-off .chronicle,.chronicle.is-unavailable .chr-canvas{display:none}.chr-head{pointer-events:none;align-content:end;gap:2px;padding-bottom:14px;display:grid}.chr-year{font:500 clamp(19px, 1.8vw, 26px)/1 var(--font-display);letter-spacing:.04em;color:var(--ivory)}.chr-era{letter-spacing:.24em;text-transform:uppercase;color:var(--ivory-faint);font-size:10px}.chr-canvas{opacity:0;width:100%;height:82px;transition:opacity .6s var(--ease);pointer-events:auto;align-self:end;display:block}.chronicle.has-ribbon .chr-canvas{opacity:1}.chr-tip{pointer-events:none;border:1px solid var(--ivory-faint);max-width:260px;color:var(--ivory);background:#0a0907eb;padding:6px 10px;font-size:12px;position:absolute;bottom:104px}.chr-card{border:1px solid var(--ivory-faint);pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0a08f0;width:min(340px,86vw);padding:16px 18px 14px;position:absolute;bottom:112px;right:clamp(16px,3vw,40px)}.chr-card-close{color:var(--ivory-soft);cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:6px;right:8px}.chr-card-kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:10px}.chr-card-name{font:500 26px/1.1 var(--font-display);margin:0}.chr-card-dates{color:var(--ivory-soft);margin:6px 0 0;font-size:12px}.chr-card-desc{font:italic 400 17px/1.35 var(--font-display);color:var(--ivory-soft);margin:10px 0 0}.chr-card-link{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:12px;font-size:11px;text-decoration:none;display:inline-block}.chr-card-link:hover{color:var(--ivory)}.cue{bottom:120px}.map-labels{z-index:8;pointer-events:none;position:fixed;inset:0}.map-label{white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.map-label.region{font:italic 500 calc(15px * var(--size,1)) var(--font-display);letter-spacing:.2em;color:#d6ad5c6b;text-transform:uppercase}.map-label.place{font:500 calc(11px * var(--size,1)) var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--ivory);text-shadow:0 0 8px #000,0 0 2px #000;padding-left:14px}.map-label.area{font:italic 500 18px var(--font-display);color:var(--ivory);text-shadow:0 0 10px #000}.map-label.note{font:italic 400 calc(17px * var(--size,1)) var(--font-display);color:var(--ivory-soft);text-shadow:0 0 10px #000}.caption.fracture .text{filter:blur(calc(var(--split,0) * 2px));opacity:calc(1 - var(--split,0) * .85);transition:filter .2s}.caption.fracture .shards{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.caption.fracture .shards span{font:italic 400 clamp(20px, 2.4vw, 34px) var(--font-display);color:var(--ivory-soft);white-space:nowrap;opacity:calc(var(--split,0) * .9);transform:translate(calc(cos(var(--i) * 72deg) * var(--split,0) * 26vw), calc(sin(var(--i) * 72deg) * var(--split,0) * 22vh));grid-area:1/1}.caption{position:relative}@media (width<=760px){.chronicle{grid-template-rows:auto 82px;grid-template-columns:1fr;height:128px;padding:8px 14px 10px}.chr-head{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:10px;padding-bottom:2px}.bar-toggle{display:none}}
