:root{color-scheme:dark;--paper:#f2e6d2;--muted:#b9aa9b;--accent:#ecad76;--line:#44372e;--panel:#1c1715;background:#151110;color:var(--paper);font:14px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;min-width:300px}button{font:inherit;color:inherit;background:#241d19;border:1px solid #685344;border-radius:3px;padding:.52rem .8rem;cursor:pointer}button:hover,button:focus-visible{border-color:var(--accent);color:var(--accent)}button[aria-pressed=true],button[aria-current=true]{background:#583b2c;border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}header,footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 3vw;gap:1rem;background:#181311;font-size:.72rem;letter-spacing:.18em}header{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);color:var(--muted)}.brand{font-weight:750}.brand span{color:var(--accent);font-size:1.3rem;margin-right:.5rem}.edition{color:var(--muted)}.edition i{display:inline-block;width:3px;height:3px;background:var(--accent);margin:0 .6rem .2rem}
main{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,29%);min-height:calc(100svh - 106px)}.gallery{min-height:590px;position:relative;overflow:hidden;background:#241b19}#view,#pins{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}#pins{pointer-events:none}.pin{position:absolute;pointer-events:auto;width:30px;height:30px;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:#211714eb;box-shadow:0 0 0 4px #edb27c26;color:#ffcf9f;font-size:11px}.gallery-label{position:absolute;top:1.4rem;left:1.5rem;display:flex;gap:1rem;align-items:center;font-size:.66rem;letter-spacing:.18em;color:#e4cbb6;pointer-events:none}.gallery-label b{color:var(--accent);border:1px solid #84644c;padding:.25rem .45rem}.navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;position:absolute;bottom:2.55rem;left:.5rem;right:.5rem;pointer-events:none}.navigation button{pointer-events:auto;background:#211916ed;font-size:.77rem}.navigation button[aria-pressed=true]{background:#583b2c}.hint{position:absolute;left:.6rem;right:.6rem;bottom:.15rem;text-align:center;color:#d9c2ae;font-size:.71rem;pointer-events:none}#error{position:absolute;inset:32% 10% auto;background:#38201a;border:1px solid var(--accent);padding:1rem}
aside{background:var(--panel);border-left:1px solid var(--line);padding:clamp(1.15rem,2.7vw,3rem);min-width:0}.kicker,.study-label,#tag{font-size:.67rem;letter-spacing:.17em;font-weight:700;color:var(--accent)}h1,h2{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(2.8rem,4.3vw,5.2rem);line-height:.9;letter-spacing:-.045em;margin:1.2rem 0 1rem}h1 em{font-weight:400;color:#d79264}h2{margin:.3rem 0;font-size:1.55rem}.intro,article p,details p{color:var(--muted);margin:.55rem 0 1.1rem}.modes{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.4rem}.modes button{flex:1;font-size:.76rem;padding:.52rem .4rem}#catalog{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.65rem 0 1rem}#catalog button{text-align:left;font-size:.74rem}#catalog b{color:var(--accent);margin-right:.42rem}article,details{border-top:1px solid var(--line);padding-top:.9rem}article p{margin-bottom:.8rem}summary{cursor:pointer;color:var(--paper);font-size:.78rem}details a{display:block;color:var(--accent);font-size:.78rem;margin:.5rem 0}
@media(max-width:780px){main{display:block}.gallery{min-height:390px;height:58svh;max-height:570px}aside{border:0;border-top:1px solid var(--line)}.edition{display:none}h1{font-size:3.6rem}header,footer{padding:.65rem 1rem}}
#flight{position:absolute;right:1rem;bottom:5.25rem}#flight button{touch-action:none;margin-left:.3rem}