@font-face{font-family:Monik;src:url('assets/Monik-Regular.woff') format('woff');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f4f2;color:#004f38;font-family:Arial,sans-serif}main{max-width:1440px;margin:auto;padding:36px 20px 20px}.intro{text-align:center}.eyebrow{font-size:10px;letter-spacing:.2em}.intro h1{font:clamp(34px,4vw,52px)/1.1 Monik,Georgia,serif;margin:14px 0 10px}.intro>p:last-child{font-size:14px;color:#496355;margin:0 0 12px}.viewer{margin:auto}.toolbar{display:flex;justify-content:flex-end;margin:0 0 8px}.toolbar button{background:transparent;border:1px solid #cbd1c8;color:#004f38;padding:9px 13px;font:11px Arial,sans-serif;cursor:pointer}.stage{position:relative;aspect-ratio:1;touch-action:pan-y;cursor:grab;background:#e4e4dd;outline-offset:4px;overflow:hidden}.stage.dragging{cursor:grabbing}.stage canvas{display:block;width:100%;height:100%;object-fit:contain}.status{position:absolute;inset:45% 15% auto;text-align:center;font-size:12px;background:#f6f4f2ee;padding:14px}.status[hidden]{display:none}.hint{text-align:center;font-size:11px;margin:16px 0 10px}.attribution{text-align:center;font-size:9px;color:#6d746c;margin:10px 0 14px}button:focus-visible,.stage:focus-visible{outline:2px solid #aa8c42;outline-offset:4px}@media(max-width:600px){main{padding:26px 8px 12px}.eyebrow{font-size:8px}.intro>p:last-child{font-size:12px}.toolbar button{font-size:10px;padding:8px 10px}.hint{font-size:10px}.attribution{font-size:8px}}

.viewer{max-width:1000px}#imageryCredit{display:block;width:100%;height:auto;background:#171717}.stage canvas{object-fit:contain}

.progress{display:block;margin:10px auto 0;border:0;background:transparent;color:#496355;font:11px Arial,sans-serif}.progress[hidden]{display:none}.stage[aria-busy="true"]{cursor:progress}
