.opening .walkthrough__media{position:relative}.intro-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(64px,7vw,100px);height:clamp(64px,7vw,100px);border:1px solid #ffffffb3;border-radius:50%;background:#fff;color:#1979eb;box-shadow:0 8px 40px #182d2538,0 0 0 10px #ffffff2e;cursor:pointer;transition:box-shadow .2s,background .2s}.intro-play svg{width:32%;height:32%;margin-left:4%}.intro-play:hover{background:#edf4ff;box-shadow:0 8px 40px #182d2540,0 0 0 14px #ffffff3d}.intro-play:focus-visible{outline:3px solid #1979eb;outline-offset:7px}.intro-play[hidden]{display:none}@media(prefers-reduced-motion:reduce){.intro-play{transition:none}}
/* Thumbnail loop (11 Nov 2026, Jordan): the app's 3D map turning, over the poster and under
   the play button. Desktop with motion on only; intro-video.js starts it on screen and
   removes it when the real video plays. Frame 0 is the poster, so it fades in seamlessly. */
.intro-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .48s cubic-bezier(.2,0,0,1)}
.intro-loop.is-on{opacity:1}