:root{--ink:#0a2158;--paper:#ffedc0;--coral:#ff784e}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Arial,sans-serif}::selection{background:var(--coral);color:var(--ink)}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}
#journey{height:520svh}#pin{height:100svh;position:sticky;top:0;overflow:hidden;background:#103778}#stage{position:absolute;inset:0;overflow:hidden}#picture,#poster,#fx,#objects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#poster{object-fit:cover}#wordmark{position:absolute;background:none;border:0;padding:0;transform-origin:center;cursor:pointer}#wordmark img{width:100%;display:block}#wordmark:hover{filter:brightness(1.08)}
.layer{position:absolute;max-width:none;transform-origin:center;pointer-events:none}.object{position:absolute;background:none;border:0;padding:0;transform-origin:center;pointer-events:auto;cursor:pointer}.object img{display:block;width:100%;pointer-events:none;transition:transform 160ms ease-out,filter 160ms ease-out}.object:hover img,.object:focus-visible img{filter:drop-shadow(0 0 5px #ffedc0);transform:scale(1.12)}.object:active img{transform:scale(.97)}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.scene-actions{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;gap:10px;z-index:5}.scene-actions a,.scene-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;background:#0a2158df;color:var(--paper);border:1px solid #ffedc04d;border-radius:0;font:600 12px/1.3 Arial,sans-serif;text-decoration:none;cursor:pointer}.scene-actions a:hover,.scene-actions button:hover{background:var(--paper);color:var(--ink)}
.scroll-cue{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;background:#0a2158e6;color:var(--paper);font-size:12px;letter-spacing:.04em;white-space:nowrap;pointer-events:none;transition:opacity 180ms ease}.scroll-cue span{padding-left:18px}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0a215866;pointer-events:none}.progress i{display:block;height:100%;background:var(--coral);transform-origin:left;transform:scaleX(0)}#loading{position:absolute;bottom:70px;left:20px;background:var(--ink);color:var(--paper);padding:6px 12px;font-size:12px;pointer-events:none}#loading[hidden]{display:none}
body.still #journey{height:100svh}body.still .progress{display:none}
@media(max-width:600px){.scene-actions{top:max(12px,env(safe-area-inset-top));right:12px;gap:6px}.scene-actions a,.scene-actions button{padding:0 10px;font-size:11px}.scroll-cue{bottom:max(24px,env(safe-area-inset-bottom));font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

#mobile-cloud{position:absolute;left:50%;width:calc(100% - 24px);height:auto;max-width:none;pointer-events:none;opacity:0;visibility:hidden;transform-origin:center center}