/* Full-screen blanket; header and footer stay outside the zoomable surface. */
.art-crop .story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:block}.art-crop .story-video[hidden],.art-crop img[hidden]{display:none}
:root{color-scheme:light;--green:#004516;--cream:#ffe4c1;--pink:#f1accb;--ink:#173b2b;--header-height:clamp(84px,13.5svh,156px);--footer-height:clamp(76px,10svh,120px)}
*{box-sizing:border-box}
html{height:100%;background:var(--green)}
body{margin:0;height:100vh;height:100dvh;display:grid;grid-template-rows:var(--header-height) minmax(0,1fr) var(--footer-height);overflow:hidden;background:var(--green) url('green-pattern.jpg') center/cover no-repeat;color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer}
button:focus-visible,.viewport:focus-visible{outline:3px solid var(--pink);outline-offset:-3px}
.site-header{display:flex;align-items:center;justify-content:center;padding:16px 24px 10px;z-index:2}
.site-header h1{margin:0;height:100%;max-width:72vw;display:flex;justify-content:center;align-items:center}
.site-title{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}
.explorer{position:relative;min-height:0;overflow:hidden;isolation:isolate}
.viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}
.viewport.dragging{cursor:grabbing}
.blanket{visibility:hidden;position:absolute;left:0;top:0;width:1792px;height:1394px;transform-origin:0 0;will-change:transform;user-select:none}
.blanket>img{width:100%;height:100%;display:block;pointer-events:none}
#hotspots{position:absolute;inset:0}
.hotspot{position:absolute;padding:0;border:3px solid transparent;background:transparent;outline:none;color:var(--ink);touch-action:none}
.hotspot:hover,.hotspot:focus-visible{border-color:var(--cream);box-shadow:inset 0 0 0 2px #173b2b77;outline:none;background:#fff0d80d}
.hotspot-label{position:absolute;left:50%;bottom:14px;transform:translateX(-50%) scale(var(--inverse-scale,1));transform-origin:bottom center;font-size:14px;line-height:1.2;padding:9px 14px;color:var(--cream);background:var(--green);border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none}
.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1}
.hint{position:absolute;left:0;width:100%;margin:0;padding:0 12px;text-align:center;font-size:clamp(14px,2.75vw,19px);line-height:1.4;letter-spacing:.6px;pointer-events:none;z-index:1;transition:opacity .25s ease,visibility .25s ease}
.hint.is-dismissed{opacity:0;visibility:hidden}
.mobile-tip{display:none}
.site-footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(16px,4.3vw,60px);padding-bottom:max(12px,env(safe-area-inset-bottom))}
.slogan{margin:0;text-transform:uppercase;letter-spacing:1.1px;font-size:clamp(12px,2.6vw,18px);line-height:1.3}
.zoom-controls{flex-shrink:0;display:flex;align-items:center;background:var(--cream);color:#694004;border:1px solid #ce9b46;border-radius:9px;padding:5px}
.zoom-controls button{border:0;background:none;color:inherit;width:42px;height:42px;font-size:28px;border-radius:4px;display:grid;place-items:center}
.zoom-controls button:hover{background:#d7ab6226}
.zoom-controls button:disabled{opacity:.35;cursor:default}
.zoom-controls output{font-size:14px;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.divider{height:26px;width:1px;background:#9e742c;margin:0 5px}
.noscript{position:fixed;inset:45% 10% auto;text-align:center;background:var(--green);padding:20px}
@media(pointer:coarse){.desktop-tip{display:none}.mobile-tip{display:inline}}
@media(max-width:600px){.site-header{padding:16px 12px 10px}.site-footer{gap:10px;padding-left:16px;padding-right:13px}.slogan{font-size:clamp(12px,2.65vw,15px);letter-spacing:.7px}.zoom-controls{padding:3px;border-radius:7px}.zoom-controls button{width:31px;height:36px;font-size:26px}.zoom-controls output{min-width:41px;font-size:12px}.divider{margin:0 3px;height:24px}.reset svg{width:18px;height:18px}}
@media(max-height:480px) and (orientation:landscape){:root{--header-height:66px;--footer-height:62px}.site-header{padding:8px}.site-footer{padding-top:5px;padding-bottom:5px}.slogan{font-size:12px}.hint{font-size:14px}}
dialog{padding:0;border:0;border-radius:8px;color:var(--ink);background:var(--cream);width:min(940px,calc(100% - 40px));max-height:90svh;overflow:auto;box-shadow:0 24px 100px #0005}dialog::backdrop{background:#012719cc;backdrop-filter:blur(7px)}dialog[open]{animation:enter .2s ease}.dialog-layout{display:grid;grid-template-columns:40% 60%;min-height:450px}.dialog-art{position:relative;align-self:center;width:100%;aspect-ratio:1;overflow:hidden;padding:0}.art-crop{position:relative;overflow:hidden;width:100%;height:100%;aspect-ratio:1}.art-crop img{position:absolute;max-width:none;pointer-events:none}.dialog-copy{padding:62px 48px 34px;display:flex;flex-direction:column}.country{color:#8b3b22;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:600}h2{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.1;letter-spacing:-1px;font-weight:400;margin:17px 0 23px}.dialog-copy p{font-size:17px;line-height:1.7;margin:0 0 32px}.close{position:absolute;z-index:1;top:13px;right:14px;width:40px;height:40px;border:1px solid #173b2b30;border-radius:50%;font-size:29px;font-weight:300;color:var(--ink);background:var(--cream);line-height:1}.close:hover{background:var(--pink)}.story-nav{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #173b2b26;padding-top:20px}.story-nav button{width:44px;height:44px;background:none;color:var(--ink);border:1px solid #173b2b40;border-radius:50%;font-size:24px}.story-nav button:hover{background:var(--green);color:var(--cream)}#story-count{font-size:14px;color:#526350;font-variant-numeric:tabular-nums}.noscript{padding:20px;text-align:center}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.dialog-copy{padding:60px 30px 28px}h2{font-size:36px}}
@media(max-width:600px){dialog{width:calc(100% - 24px);max-height:92svh}.dialog-layout{display:flex;flex-direction:column}.dialog-art{height:auto;padding:0;flex-shrink:0}.art-crop{width:100%;height:100%}.dialog-copy{padding:27px 25px 24px}.country{font-size:13px}h2{font-size:34px;margin:13px 0 18px}.dialog-copy p{font-size:16px;line-height:1.65;margin-bottom:25px}.close{top:12px;right:12px}.story-nav{padding-top:16px}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.hint{transition:none}}