:root{color-scheme:dark;--paper:#e6dcc7;--muted:#aaa58f;--gold:#b99b62;--ink:#171c1a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Helvetica Neue',Helvetica,sans-serif}header{height:86px;border-bottom:1px solid #4c4c3b;margin:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:2px}header a{color:var(--paper);font-size:32px;letter-spacing:1px;text-decoration:none}header a span{color:#cc542e}.edition{color:var(--gold)}main{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.5fr);gap:5vw;padding:45px 4vw 24px;max-width:1600px;margin:auto}aside{align-self:center;max-width:450px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:24px}h1{font-family:Georgia,serif;font-size:clamp(58px,6.8vw,103px);line-height:.95;font-weight:400;letter-spacing:-5px;margin:0 0 25px}.intro{font-family:Georgia,serif;font-size:20px;line-height:1.5;color:#bdb9a9}.choices{margin:30px 0 24px;border-top:1px solid #555343}.choices button{border:0;border-bottom:1px solid #555343;border-radius:0;padding:15px 0;display:grid;grid-template-columns:34px 1fr;width:100%;text-align:left;background:none;color:var(--muted);cursor:pointer;gap:4px 0}.choices button span{font-size:11px;grid-row:span 2;padding-top:3px}.choices button strong{font-weight:400;font-size:19px}.choices button small{font-size:12px;opacity:.75}.choices button[aria-pressed=true]{color:var(--paper);border-bottom-color:var(--gold)}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.play{border:1px solid var(--gold);background:var(--paper);color:var(--ink);font-size:15px;padding:15px 22px;cursor:pointer;width:100%}.play:disabled{opacity:.5;cursor:wait}#status{font-size:12px;min-height:28px;color:var(--gold);line-height:1.5}.note{font-size:11px;color:#989c91;line-height:1.7;margin-top:22px}.viewer{min-width:0}.scene-wrap{height:min(75vh,840px);min-height:500px;position:relative;background:radial-gradient(ellipse at 50% 35%,#39403b 0,#212824 45%,#101813 100%);border:1px solid #575444;touch-action:pan-y;overflow:hidden}a-scene{width:100%;height:100%;position:relative}a-scene canvas{outline:0}.stage-label{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:1.5px;color:#bcb599}.stage-corner{width:24px;height:24px;position:absolute;border-color:var(--gold);pointer-events:none}.tl{top:14px;left:14px;border-top:1px solid;border-left:1px solid}.br{bottom:14px;right:14px;border-bottom:1px solid;border-right:1px solid}.controls{display:flex;align-items:center;gap:14px;padding:16px 0;font-size:11px}.controls label{display:flex;align-items:center;gap:8px;flex:1}.controls input{width:100%;max-width:130px;accent-color:var(--gold)}.controls button{color:var(--paper);border:0;border-bottom:1px solid #77705c;background:none;padding:8px 1px;cursor:pointer;white-space:nowrap}.timeline{height:2px;background:#454939}#progress{height:2px;background:var(--gold);width:0}.caption{font-family:Georgia,serif;color:#b9b7a7;font-size:15px;line-height:1.5}footer{margin:0 4vw;padding:22px 0;border-top:1px solid #4c4c3b;display:flex;justify-content:space-between;gap:20px;color:#9ca194;font-size:10px;letter-spacing:1px}@media(max-width:760px){header{height:65px}.edition{display:none}header>span{font-size:8px}main{grid-template-columns:1fr;padding-top:30px;gap:20px}aside{max-width:none}h1{font-size:62px;letter-spacing:-3px}h1 br{display:none}h1 br:after{content:' '}.intro{font-size:17px}.choices{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.choices button{display:flex;flex-direction:column;padding:12px 6px}.choices button strong{font-size:13px}.choices button small{display:none}.play{padding:13px}.note{margin:0}.scene-wrap{height:69vh;min-height:430px}.controls{gap:12px;flex-wrap:wrap}.controls label{min-width:150px}.stage-label{font-size:7px}footer{line-height:1.6;font-size:8px}.caption{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.a-enter-vr,.a-enter-ar{display:none!important}
.controls{flex-wrap:wrap}

.choices{margin:22px 0 18px}.choices button{padding:11px 0}.choices button strong{font-size:17px}h1{font-size:clamp(58px,6vw,88px)}
@media(max-width:760px){.choices button{padding:12px 6px}.choices button strong{font-size:13px}h1{font-size:62px}}
@media(min-width:761px){.viewer{position:sticky;top:22px;align-self:start}.choices button{padding:9px 0}}

.moment{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:0 0 15px}.moment input{flex:1;min-width:0;accent-color:var(--gold)}.moment output{width:32px;text-align:right}.moment:has(input:disabled){display:none}

.camera-link{font-size:14px;margin:16px 0}.camera-link a{color:#e6dcc7;text-decoration-color:#b99b62;text-underline-offset:5px}

.window-controls{display:flex;gap:8px;flex-wrap:wrap;padding:14px 0 0}.window-controls button{background:#232b25;color:#e6dcc7;border:1px solid #746243;padding:10px 13px;font-size:12px;cursor:pointer}.window-controls button[aria-expanded=true]{border-color:#d2b575;background:#e6dcc7;color:#171c1a}
