@font-face{font-family:CabinetFallback;src:local("Georgia")}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101311;color:#f0e8d7;font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 14% 35%,#26302a44,transparent 56%),radial-gradient(ellipse at 90% 90%,#5c2a1620,transparent 45%);z-index:-1}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d7ae71;outline-offset:6px}button{border:0}a{color:inherit}.app{min-height:100svh;max-width:2400px;margin:auto;padding:30px 4.4vw 22px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px}.brand{display:flex;gap:14px;align-items:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.18em;line-height:1.55;text-decoration:none}.brand b{font-size:19px;letter-spacing:.22em;font-weight:400}.brand-mark{font-size:46px;font-weight:400;color:#d1ac75;line-height:1}.edition{font-size:10px;letter-spacing:.24em;color:#999d90}.text-button{background:none;font-size:12px;color:#c4c3b5;display:inline-flex;align-items:center;gap:15px;min-height:44px;padding:8px 3px}.text-button:hover{color:#f2d7ab}.stage{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;padding:35px 0 30px;min-height:530px}.copy{padding:20px 0}.eyebrow{font-size:11px;letter-spacing:.2em;color:#d1ae79;display:flex;gap:20px;align-items:center}.rule{height:1px;width:48px;background:#9a7e4f66}.phase{margin:40px 0 20px;font-size:10px;letter-spacing:.28em;color:#a3a99e}.phase:before{content:"";display:inline-block;width:6px;height:6px;background:#9b4740;margin-right:12px;transform:rotate(45deg)}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.15vw,88px);font-weight:400;letter-spacing:-.035em;line-height:1.14;margin:0;max-width:13.5em;text-wrap:balance}.stage[data-answer="true"] h1{font-size:clamp(58px,5.8vw,118px);color:#e6c895}.explanation{color:#c1c4b7;font-size:clamp(18px,1.5vw,30px);line-height:1.65;max-width:34em;margin:26px 0 0}.explanation:empty{display:none}.cue{margin-top:40px;color:#989f93;font-family:Georgia,serif;font-style:italic;font-size:16px;display:flex;gap:14px;align-items:center}.small-diamond{width:5px;height:5px;border:1px solid #ac8b5b;transform:rotate(45deg)}.artwork{margin:0;position:relative;align-self:center;width:100%}.art-frame{aspect-ratio:1.02;position:relative;background:radial-gradient(ellipse at 60% 30%,#6d7460,#182b29 45%,#09100f 85%);overflow:hidden;border-radius:46% 46% 2px 2px}.art-frame img{display:block;width:100%;height:100%;object-fit:cover}.art-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10131166,transparent 30%);pointer-events:none}.art-border{position:absolute;inset:12px;border:1px solid #c7ad6d30;border-radius:46% 46% 0 0;pointer-events:none}.art-corner{position:absolute;bottom:24px;left:50%;color:#d6b884;font-size:23px;z-index:1}.artwork figcaption{display:flex;justify-content:space-between;padding:17px 4px 0;color:#969c8d;font-family:Georgia,serif;font-style:italic;font-size:13px;letter-spacing:.03em}.timeline{width:100%}.timeline-label{display:flex;justify-content:space-between;align-items:baseline;font-size:9px;letter-spacing:.2em;color:#b3b4a4;margin-bottom:12px}.timeline-label>span:last-child{font-family:Georgia,serif;font-size:22px;color:#d6c2a0;letter-spacing:0;font-variant-numeric:tabular-nums}.seconds{font-family:Arial,sans-serif;font-size:10px;margin-left:5px;color:#9a9e90}.progress{height:2px;background:#43473a77}.progress>div{height:100%;background:#b48b54;transform-origin:left;transform:scaleX(0)}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:17px}.playback,.utilities{display:flex;align-items:center;gap:17px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;font-size:23px;background:transparent;color:#c7c8b8;border-radius:50%}.icon-button:hover{background:#b4b99d16;color:#e9cc9d}.play-button{display:flex;gap:11px;align-items:center;justify-content:center;border:1px solid #787b5e66;background:#252a22;min-width:112px;min-height:44px;border-radius:24px;font-size:12px}.play-button:hover{background:#353a2e}.steps{display:flex;align-items:center;gap:8px}.step{background:none;height:44px;min-width:22px;padding:0;display:grid;place-items:center}.step:after{content:"";display:block;height:5px;width:5px;background:#696d5e;border-radius:50%}.step:nth-child(even){margin-right:12px}.step:last-child{margin:0}.step[aria-current="step"]:after{width:22px;height:5px;border-radius:10px;background:#c3a375}.step[data-answer="true"]:after{background:transparent;border:1px solid #696d5e}.step[aria-current="step"][data-answer="true"]:after{border-color:#c3a375;background:#c3a375}.footer-note{display:flex;justify-content:space-between;margin-top:13px;color:#8c9386;font-size:8px;letter-spacing:.18em}.keyboard-note{letter-spacing:.04em;text-transform:none;font-size:10px}.keyboard-note span{margin:0 8px}dialog{border:1px solid #67664d;border-radius:3px;background:#191f1b;color:#e9e0cd;max-width:560px;width:calc(100% - 32px);padding:30px 36px;box-shadow:0 30px 100px #0009;max-height:90svh}dialog::backdrop{background:#050907d9;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-heading .eyebrow{font-size:9px}h2{font:400 42px/1.12 Georgia,serif;letter-spacing:-.03em;margin:20px 0}dialog p{font-size:14px;line-height:1.7;color:#b6bcad}dialog label{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #50554080;font-size:16px}dialog label span{font-size:12px;color:#bdc0b0}input{width:68px;padding:10px;background:#0f1511;border:1px solid #696c50;color:#e9d5ad;font-size:18px;margin-right:8px}.primary-button{background:#c4a16c;color:#171b15;display:flex;justify-content:space-between;width:100%;padding:16px 20px;margin-top:26px}.fineprint{font-size:11px!important;line-height:1.7}#sources details{border-block-end:1px solid #555943;padding:16px 0}#sources summary{cursor:pointer;color:#dbc299;font-family:Georgia,serif;font-size:20px}#sources a{font-size:13px;color:#dbc299;text-underline-offset:4px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#e4cda4;color:#171c16;padding:12px 20px;border-radius:3px;z-index:10;font-size:13px;max-width:90vw}.notice:empty{display:none}.no-script{position:fixed;inset:30%;background:#191f1b;padding:30px;z-index:30}.stage.enter .copy,.stage.enter .artwork{animation:appear .65s ease both}@keyframes appear{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.app{padding-top:45px;padding-bottom:35px}.stage{gap:7vw}.masthead{min-height:80px}.eyebrow{font-size:15px}.phase{font-size:14px}.brand{font-size:16px}.brand b{font-size:26px}.edition,.text-button{font-size:15px}.cue{font-size:22px}.artwork figcaption{font-size:17px}.timeline-label{font-size:12px}.footer-note{font-size:11px}}@media(min-width:900px) and (min-height:850px){.stage{padding-block:55px}.art-frame{max-height:66vh}.artwork{max-width:720px}}@media(max-width:900px){.app{padding:20px 5vw}.edition{display:none}.stage{gap:5vw;min-height:470px}.phase{margin-top:30px}h1{font-size:clamp(34px,4.6vw,48px)}.cue{font-size:14px;margin-top:28px}.explanation{font-size:17px}.keyboard-note{display:none}}@media(max-width:620px){.app{padding:18px 6vw 20px}.brand-mark{font-size:36px}.brand{font-size:9px;gap:9px}.brand b{font-size:15px}.masthead>.text-button{font-size:11px}.stage{display:flex;flex-direction:column;gap:25px;padding:28px 0 26px;min-height:0;align-items:stretch}.copy{padding:0}.eyebrow{font-size:9px}.phase{margin:24px 0 14px;font-size:9px}h1{font-size:clamp(34px,8.7vw,48px);max-width:16em}.stage[data-answer="true"] h1{font-size:clamp(48px,12vw,70px)}.explanation{font-size:17px;line-height:1.55;margin-top:18px}.cue{margin-top:20px}.artwork{max-width:440px}.art-frame{aspect-ratio:1.55;border-radius:44% 44% 2px 2px}.art-frame img{object-position:center 43%}.art-border{border-radius:44% 44% 0 0}.artwork figcaption{font-size:11px;padding-top:12px}.art-corner{bottom:18px}.controls{flex-wrap:wrap;gap:5px}.playback{gap:6px}.utilities{gap:6px}.steps{order:3;width:100%;justify-content:center;margin-top:5px}.footer-note{justify-content:center;font-size:7px;margin-top:3px}.play-button{min-width:92px}.text-button{gap:8px}.timeline-label{font-size:8px}.timeline-label>span:last-child{font-size:19px}dialog{padding:22px}h2{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep landscape presentations inside the screen; retain natural scrolling on phones. */
.art-frame img[hidden]{display:none}
@media(min-width:621px){
  .stage{min-height:0;padding:22px 0}
  .copy{padding:0}
  .artwork{width:min(100%,calc(52vh * 1.02));justify-self:end}
  .art-frame{height:52vh;max-height:680px;aspect-ratio:auto}
}
@media(min-width:621px) and (max-height:760px){
  .app{padding-top:18px;padding-bottom:15px}
  .phase{margin-top:24px;margin-bottom:15px}
  .cue{margin-top:24px}
  .explanation{line-height:1.45;margin-top:18px}
}
/* The full question remains as context on every reveal. */
.question-context{font:400 clamp(24px,2.1vw,40px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.015em;color:#c1c4b7;margin:0 0 20px;max-width:26em;text-wrap:pretty}
.question-context[hidden]{display:none}
@media(max-width:620px){.question-context{font-size:23px;line-height:1.35;margin-bottom:18px}}
/* Collection controls remain bounded for future editions. */
.step[hidden]{display:none}.jump-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.jump-form label{border:0;padding:0}.jump-form input{width:85px;margin:0}.source-search{display:block!important;border:0!important;padding:0!important}.source-search input{display:block;width:100%;font-size:15px;margin-top:10px}.source-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#bdc0b0}.source-pager button:disabled{opacity:.35;cursor:default}
.stage.long-answer[data-answer="true"] h1{font-size:clamp(42px,4.5vw,85px)}
.stage.long-question:not([data-answer="true"]) h1{font-size:clamp(36px,3.7vw,76px)}
.artwork figcaption>span:first-child{max-width:90%;line-height:1.4}
@media(max-width:620px){.stage.long-answer[data-answer="true"] h1{font-size:clamp(38px,10vw,58px)}.stage.long-question:not([data-answer="true"]) h1{font-size:clamp(32px,8vw,44px)}}
.copy{min-width:0}h1,.question-context{overflow-wrap:anywhere}