:root{--ink:#30241e;--cream:#f6f1e9;--gold:#d5b58a;--muted:#b6a99d;--bar:72px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#201a16;color:var(--cream);font-family:Arial,Helvetica,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:disabled{opacity:.25;cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.topbar{height:var(--bar);min-height:var(--bar);display:flex;align-items:center;padding:0 32px;gap:32px;border-bottom:1px solid #ffffff13}.brand{font-family:Georgia,serif;font-size:22px;white-space:nowrap;letter-spacing:.025em}.brand span{color:var(--gold);font-size:15px;padding:0 13px}.brand strong{font-family:Arial,sans-serif;font-size:21px;letter-spacing:-.04em}.edition{font-size:9px;letter-spacing:.2em;color:var(--muted)}.actions{display:flex;gap:18px;margin-left:auto;align-items:center}.actions button,.actions a{display:flex;align-items:center;gap:7px;font-size:12px;min-height:40px}.actions svg{width:18px}.actions button:hover,.actions a:hover{color:var(--gold)}main{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:22px 28px;scrollbar-width:thin;scrollbar-color:#725c4d #201a16}.stage-wrap{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto}.stage{position:relative;flex-shrink:0;aspect-ratio:8/5;box-shadow:0 12px 48px #0003;background:var(--cream)}#slideImage{display:block;width:100%;height:100%;user-select:none}.hotspot{position:absolute;display:block}.hotspot:not(.video):hover{background:#d5b58a33;outline:1px solid #d5b58a88}.video{display:flex;align-items:stretch;isolation:isolate;background:#201a16;border-radius:2px}
.video{background-position:center;background-repeat:no-repeat;background-size:contain}
.video video{display:block;width:100%;height:100%;object-fit:contain;flex:1;background:#201a16;pointer-events:none;opacity:0}
.video-ready video{opacity:1}
.video-tools{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;bottom:8px;left:50%;transform:translateX(-50%);background:#201a16dc;border:1px solid #ffffff36;border-radius:999px;padding:2px;color:#fff;box-shadow:0 3px 12px #0005}
.video-tools button,.video-tools a{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;flex-shrink:0}
.video-tools svg{width:17px;height:17px;stroke-width:1.7}
.video-tools button:not(:disabled):hover,.video-tools a:hover,.video-tools button[aria-pressed=true]{background:var(--gold);color:var(--ink)}
.video-tools button:focus-visible,.video-tools a:focus-visible{outline-offset:0}
.video-unavailable,.video-unavailable video{background:transparent}
.video-unavailable video{visibility:hidden}.controls{position:relative;display:flex;align-items:center;min-height:80px;padding:12px 32px 18px;gap:24px;border-top:1px solid #ffffff13}.slide-info{display:flex;align-items:center;gap:16px;font-size:12px;flex:1}#count{font-size:11px;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.1em;white-space:nowrap}.divider{height:16px;width:1px;background:#ffffff30}#slideTitle{color:#d8cec5}.navigation{display:flex;gap:10px}.navigation button{width:44px;height:44px;border:1px solid #ffffff28;border-radius:50%;display:grid;place-items:center}.navigation #next{background:var(--gold);color:var(--ink);border-color:var(--gold)}.navigation button:not(:disabled):hover{background:var(--cream);color:var(--ink)}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0c}#progress{height:100%;background:var(--gold);transition:width .25s}.mobile-hint{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}dialog{color:var(--ink);background:var(--cream);border:0;border-radius:8px;padding:30px;max-width:1100px;width:calc(100% - 48px);max-height:90dvh}dialog::backdrop{background:#0f0b08dc;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:24px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#94643e}.dialog-head h2{margin:8px 0 0;font:32px Georgia,serif}.close{font-size:32px;width:44px;height:44px;line-height:1}.close:hover{background:#30241e10}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 18px}.thumbnail{text-align:left;display:block;padding:0;position:relative}.thumbnail img{width:100%;aspect-ratio:8/5;display:block;border:2px solid transparent}.thumbnail.active img{border-color:#ac6844}.thumbnail span{display:block;margin-top:9px;font-size:12px}.thumbnail b{font-weight:400;color:#ac6844;margin-right:10px}.notice{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:var(--cream);color:var(--ink);padding:14px 22px;border-radius:5px;max-width:90%;font-size:13px;z-index:10}
@media(max-width:700px){:root{--bar:62px}.topbar{padding:0 16px;gap:10px}.brand{font-size:17px}.brand strong{font-size:16px}.brand span{padding:0 7px}.edition{display:none}.actions{gap:12px}.actions span{display:none}.actions button,.actions a{min-width:28px;justify-content:center}main{padding:16px 0}.stage-wrap{width:100%;padding:0 8px}.stage{box-shadow:none}.controls{padding:12px 16px 16px;min-height:68px;gap:12px}.slide-info{min-width:0;gap:10px}.divider{display:none}#slideTitle{font-size:11px;line-height:1.4}.navigation{gap:7px}.navigation button{height:40px;width:40px}.mobile-hint{display:block;color:#a99788;font-size:10px;margin:14px 10px 0;text-align:center}dialog{padding:20px;width:calc(100% - 24px)}#grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.dialog-head h2{font-size:27px}.thumbnail span{font-size:11px}.video-tools{bottom:3px;gap:0;padding:1px}.video-tools button,.video-tools a{width:26px;height:28px}.video-tools svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{height:auto;overflow:visible}.topbar,.controls,.mobile-hint{display:none}main{padding:0}.stage-wrap{display:block}.stage{width:100%!important;height:auto!important;box-shadow:none}}