/* The film stays in one viewport; the rest of the page scrolls normally. */
.tour{height:auto}
.stage{position:relative;height:100vh;height:100svh;min-height:560px;touch-action:pan-y pinch-zoom}
.chapter-copy{top:auto;bottom:204px;left:6%;right:6%;max-width:540px;transform:none;transition:opacity 650ms ease-in-out}
.chapter-copy h1{font-size:clamp(46px,5.3vw,82px)}
.chapter-description{max-width:410px}
.scene-caption{bottom:205px;max-width:35%}
.tour-bottom{bottom:103px;gap:24px;letter-spacing:.04em}
.tour-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}
.tour-controls button{min-height:46px;min-width:76px;padding:10px 14px;border:1px solid #8293a4;border-radius:3px;background:rgba(8,24,39,.7);font-size:13px;letter-spacing:0;color:#fff}
.tour-controls button:hover:not(:disabled){background:#28435e}
.tour-controls button:disabled{opacity:.38;cursor:default}
.tour-controls #tour-play{min-width:108px;background:#edf2f5;color:#102a44;border-color:#edf2f5}
.tour-controls #tour-play:hover:not(:disabled){background:#d3e3f2}
#play-icon{display:inline-block;width:15px;margin-right:5px;font-size:14px}
#playback-status{font-size:12px;line-height:1.5;color:#e0e8ef;text-align:center}
.phase-note{font-size:11px;white-space:nowrap}
.chapter-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;bottom:17px}
.chapter-nav button{min-height:65px;padding:16px 0 9px;font-size:13px}
.chapter-nav button span{display:block;margin:0 0 9px;font-size:11px}
.scene-shade{background:linear-gradient(0deg,rgba(4,12,21,.98),rgba(4,12,21,.48) 35%,rgba(4,12,21,.05) 67%,rgba(4,12,21,.5)),linear-gradient(90deg,rgba(4,12,21,.25),transparent 65%)}
#loading-status{z-index:3;max-width:85%;line-height:1.5}
#tour-progress{transition:none}
.chapter-copy[data-stop="2"],
.chapter-copy[data-stop="5"]{left:auto;right:6%;width:44%;text-align:right}
.chapter-copy[data-stop="2"] .chapter-description,
.chapter-copy[data-stop="5"] .chapter-description{margin-left:auto}
.stage[data-stop="2"] .scene-caption,
.stage[data-stop="5"] .scene-caption{left:6%;right:auto;text-align:left}
@media(max-width:1050px){.phase-note,.scene-caption{display:none}.tour-bottom{justify-content:space-between}.chapter-nav button{font-size:11px}}
@media(max-width:760px){
  .top-line{top:109px}
  .chapter-copy{left:7%;right:7%;bottom:208px;max-width:none}
  .chapter-copy h1{font-size:clamp(38px,10.5vw,56px)}
  .chapter-copy .eyebrow{font-size:11px;margin-bottom:13px}
  .chapter-description{font-size:15px;line-height:1.5;margin:15px 0;max-width:320px}
  .chapter-copy[data-stop="2"],
  .chapter-copy[data-stop="5"]{right:7%;width:44%}
  .chapter-copy[data-stop="2"] h1,
  .chapter-copy[data-stop="5"] h1{font-size:clamp(26px,7vw,38px)}
  .tour-bottom{left:7%;right:7%;bottom:79px;flex-direction:column;gap:11px}
  .tour-controls{width:100%;gap:8px}
  .tour-controls button{flex:1;min-width:0;padding:10px 8px}
  .tour-controls #tour-play{min-width:100px;flex:1.3}
  #playback-status{font-size:11px;min-height:17px}
  .chapter-nav{left:6%;right:6%;bottom:12px;gap:0}
  .chapter-nav button{font-size:0;min-height:50px;padding:15px 0;text-align:center}
  .chapter-nav button span{font-size:12px;margin:0}
  .scene-shade{background:linear-gradient(0deg,rgba(4,12,21,.99),rgba(4,12,21,.64) 37%,rgba(4,12,21,.1) 72%,rgba(4,12,21,.5))}
}
@media(max-height:700px){
  .top-line{display:none}
  .chapter-copy{bottom:194px}
  .chapter-copy h1{font-size:38px}
  .chapter-copy .eyebrow{font-size:10px;margin-bottom:9px}
  .chapter-description{font-size:14px;line-height:1.4;margin:11px 0}
  .text-link{font-size:13px;padding-bottom:5px}
  #loading-status{top:112px}
}
@media(max-height:500px) and (min-width:761px){
  .stage{min-height:410px}
  .site-header{padding:15px 4.2%}
  .chapter-copy{bottom:145px;max-width:570px}
  .chapter-copy h1{font-size:32px}
  .chapter-copy h1 br{display:none}
  .chapter-copy h1 em:before{content:' '}
  .chapter-copy .eyebrow{margin-bottom:7px}
  .chapter-description{max-width:550px;margin:9px 0}
  .tour-bottom{bottom:76px}
  .chapter-nav{bottom:6px}
  .chapter-nav button{min-height:55px;padding:10px 0 6px}
  #loading-status{top:88px}
}

/* Native decoding replaces hundreds of per-frame image requests. */
#tour-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0}
@media(prefers-reduced-motion:reduce){.chapter-copy{transition:none}}
