:root{color-scheme:dark;--bg:#141b29;--panel:#1b2535;--ink:#edf2f7;--muted:#aebbcf;--line:#344155;--accent:#b7caf5;--warm:#f2bf94}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}header{padding:30px 5vw;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit}.brand{text-decoration:none;letter-spacing:.16em;font-weight:700}.brand span{font-size:10px;color:var(--muted);margin-left:18px}.edition{font-size:11px;letter-spacing:.16em;color:var(--muted)}main{max-width:1600px;margin:auto;padding:0 5vw}.intro{padding:65px 0 45px;position:relative}.eyebrow{color:var(--warm);font-size:12px;letter-spacing:.16em;text-transform:uppercase}h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.05;margin:22px 0}h1 em{color:var(--accent);font-weight:400}.description{max-width:530px;color:var(--muted);line-height:1.65;font-size:17px}.dates{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid var(--line)}button,.viewer-controls a{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--panel);padding:13px 20px}button:hover{border-color:var(--accent)}button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}:focus-visible{outline:3px solid var(--warm);outline-offset:4px}.story-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:35px 0}.story-head h2{font-family:Georgia,serif;font-weight:400;margin:0;font-size:30px}.caption{margin:0;line-height:1.65;color:var(--muted);max-width:790px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.card{margin:0}.image-button{padding:0;display:block;width:100%;background:none;border:none;border-radius:8px;overflow:hidden;position:relative}.image-button img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#0c111b}.zoom{position:absolute;bottom:14px;right:14px;border-radius:100px;background:#101827db;padding:8px 13px;font-size:12px;color:white}.card figcaption{padding:14px 0;display:flex;justify-content:space-between;gap:12px}.card figcaption span{font-size:11px;color:var(--muted);align-self:center}.card.original{grid-column:1/-1;max-width:960px;width:100%;margin:0 auto 12px}.card figcaption strong{font-weight:500}.prompt{margin-top:38px;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);line-height:1.6}.prompt summary{cursor:pointer;color:var(--accent)}footer{padding:45px 0;font-size:12px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);margin-top:25px}dialog{width:min(1500px,97vw);max-height:96vh;padding:20px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px}dialog::backdrop{background:#03070eea}dialog img{width:100%;max-height:72vh;object-fit:contain;display:block}.viewer-head,.viewer-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.viewer-head p{margin:0}.viewer-head{padding-bottom:15px}.viewer-help{font-size:12px;color:var(--muted)}.viewer-controls a{text-decoration:none}@media(min-width:1050px){.intro .description{position:absolute;right:0;bottom:55px;width:36%}}@media(max-width:650px){header{padding:22px 5vw}.edition,.brand span{display:none}.intro{padding:35px 0 25px}.grid{grid-template-columns:1fr}.story-head{grid-template-columns:1fr;gap:16px;padding:25px 0}.dates button{flex:1;padding:12px 10px}.card figcaption{font-size:14px}.viewer-controls{flex-wrap:wrap}.viewer-controls button,.viewer-controls a{padding:10px;font-size:12px}dialog{padding:12px}.viewer-head button{padding:9px;font-size:12px}}
