*{box-sizing:border-box}html,body{margin:0;background:#111;color:#f4f1df;font-family:system-ui,sans-serif}button,a{touch-action:manipulation}button{font:inherit;background:#f4f1df;color:#172b29;border:0;padding:12px 18px;border-radius:3px;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e4cf70;outline-offset:4px}[hidden]{display:none!important}#experience{position:fixed;inset:0;overflow:hidden}#journey,#panorama,#sphere,.shade{position:absolute;inset:0;width:100%;height:100%}#journey{object-fit:contain;background:#111}.shade{pointer-events:none;background:linear-gradient(#0008,transparent 24%,transparent 64%,#0009)}header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:24px;z-index:4;font-size:13px}header a{color:inherit;text-decoration:none;letter-spacing:.3em;font-weight:700}#caption{position:absolute;bottom:86px;left:5vw;z-index:4;pointer-events:none;max-width:70vw}#caption button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.2em}h1{font-weight:400;font-size:clamp(22px,4vw,50px);margin:10px 0;text-shadow:0 2px 10px #000}#instruction{font-size:13px;text-shadow:0 2px 5px #000}#stops{position:absolute;bottom:22px;left:5vw;right:5vw;display:flex;gap:8px;z-index:5;overflow:auto}#stops button{background:#203633dd;color:#fff;font-size:12px;padding:9px 12px;white-space:nowrap}#stops button[aria-current=true]{background:#ded090;color:#142723}#progress{position:absolute;bottom:0;width:100%;height:3px;border:0;z-index:8;accent-color:#e4cf70}#scroll-space{height:15000px}#panorama{z-index:2;background:#111}#sphere{touch-action:none;cursor:grab}#sphere:active{cursor:grabbing}#resume{position:absolute;right:24px;top:64px;z-index:6}#hotspots{position:absolute;inset:0;pointer-events:none}#hotspots button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border-radius:100px;background:#e4cf70}dialog{max-width:min(600px,90vw);max-height:80vh;border:0;padding:30px;background:#f3efdf;color:#172b29;z-index:20}dialog::backdrop{background:#0009}dialog img{max-width:100%}#close-story{float:right;padding:4px 10px}#error{position:absolute;inset:30% 10% auto;background:#632b26;padding:20px;z-index:30}@media(max-width:600px){header{padding:16px}#caption{bottom:95px;max-width:90vw}#resume{right:16px}#state{max-width:55%;text-align:right}#stops button{font-size:11px}}