:root{color-scheme:dark;--cream:#fffdf7;--gold:#ffd56a;--green:#173e31}*{box-sizing:border-box}body{margin:0;background:var(--green);color:var(--cream);font:18px/1.5 Helvetica,Arial,sans-serif}a{color:var(--gold)}header,footer{background:#050505;padding:10px max(22px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:26px}header>a:not(.brand){font-size:16px}footer{padding-top:18px;padding-bottom:18px}footer p{font-size:14px}.brand{display:block;flex:none}.brand img{display:block;width:56px;height:56px;object-fit:contain}main{max-width:1400px;margin:auto;padding:28px 22px 40px}.intro{max-width:1200px;margin:auto}.intro h1{font:clamp(30px,4vw,48px)/1.15 Georgia,serif;margin:8px 0}.intro h1 span{color:var(--gold)}.intro p{margin:8px 0}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--gold)}.toolbar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:26px 0 12px}button,select{font:16px/1.4 Helvetica,Arial,sans-serif;color:var(--cream);background:#050505;border:1px solid #b8a36a;min-height:44px;padding:9px 14px;border-radius:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}select{max-width:100%}button:hover:not(:disabled),button[aria-pressed=true]{background:#345847}a:focus-visible,button:focus-visible,select:focus-visible,.page-stage:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.status,.hint{text-align:center;font-size:15px}.page-stage{overflow:auto;max-width:1200px;margin:16px auto;background:transparent;text-align:center;touch-action:pan-y}.page-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:72vh;margin:auto}.page-stage.is-zoomed{max-height:85vh;touch-action:auto}.page-stage.is-zoomed img{width:1600px;max-width:none;max-height:none;margin:0 auto}.downloads{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.page-stage.is-turning img{animation:turn .22s ease}@keyframes turn{from{opacity:.4;transform:perspective(1600px) rotateY(-6deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.page-stage.is-turning img{animation:none}}@media(max-width:600px){header,footer{gap:16px}.brand img{width:48px;height:48px}main{padding:22px 14px 30px}.toolbar{gap:8px}.toolbar label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.toolbar select{order:-1;width:100%}.toolbar button{flex:1}.page-stage img{width:100%;max-height:none}.page-stage.is-zoomed img{width:1200px}.downloads{gap:12px}}