/* Opening flight over Spain (js/onboarding/prologue.js). */
.journey{height:900svh;min-height:3400px}
@media(max-width:760px){.journey{height:800svh;min-height:3100px}}
@media(prefers-reduced-motion:reduce){.journey{height:220svh;min-height:1300px}}
.prologue-labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.prologue-label{position:absolute;left:50%;top:15%;display:flex;flex-direction:column-reverse;align-items:center;gap:12px;opacity:0;visibility:hidden;white-space:nowrap;text-align:center;will-change:transform,opacity}
.prologue-label strong{font-size:clamp(38px,4.6vw,70px);font-weight:350;letter-spacing:-.06em;line-height:1.07;font-stretch:96%;color:var(--ink)}
.prologue-label span{font-size:10px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
@media(max-width:760px){.prologue-label{top:max(106px,13%);width:calc(100% - 44px);white-space:normal}.prologue-label strong{font-size:clamp(32px,8.5vw,48px)}.prologue-label span{font-size:9px}}
/* While the 3D flight loads, keep the page calm: no Congress poster first.
   The poster still appears when the scene falls back (no WebGL). */
.scene:not([data-state]) .exterior-poster{opacity:0}
.journey[data-autoplay=true] .cue-arrow{animation:none}
@media(max-width:760px){
  .journey[data-autoplay=true] .journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .journey[data-autoplay=true] .journey-bottom .scroll-cue{display:flex}
  .journey[data-autoplay=true] .mobile-scroll-cue{visibility:hidden}
}