/* The scroll range and presentation surface share one stable viewport height. */
:root{--journey-height:100svh}
.journey-film.film{height:calc(18 * var(--journey-height,100svh))}
.journey-stage.stage{height:var(--journey-height,100svh)}
.journey-stage #journey-frame{z-index:1;object-fit:cover;pointer-events:none}
.journey-stage #journey-frame[hidden],.journey-stage #master-video,.journey-stage #journey-standby{display:none!important}
.journey-stage #ambient-video{z-index:1}
.journey-loading{position:absolute;z-index:5;bottom:29px;left:5.5%;display:none;align-items:center;gap:10px;color:#e5eeeb;font-size:.8125rem;line-height:1.7;letter-spacing:.04em;pointer-events:none;text-shadow:0 1px 5px #001a28}
.journey-loading:before{content:"";width:6px;height:6px;border-radius:50%;background:#c6edf0;box-shadow:0 0 10px #c6edf05c}
.journey-stage:is([data-frame-status="loading"],[data-frame-status="buffering"]) .journey-loading{display:flex}
.journey-stage[data-ui-active="false"] .journey-loading,.static-flow .journey-loading{display:none!important}
.journey-failure{position:absolute;bottom:29px;left:5.5%;z-index:6;display:none;align-items:center;gap:15px;flex-wrap:wrap;color:#e5eeeb;font-size:.8125rem;line-height:1.7;text-shadow:0 1px 5px #001a28}
.journey-failure button{min-height:44px;padding:9px 13px;background:#edf3eb;color:#082640;border:1px solid #edf3ebbb;border-radius:2px;pointer-events:auto}
.journey-stage[data-frame-status="unavailable"] .journey-failure{display:flex}
.journey-stage[data-ui-active="false"] .journey-failure,.static-flow .journey-failure{display:none!important}
.static-flow .journey-film.film{height:100svh}
@media(max-width:700px),(min-width:701px) and (max-width:1100px) and (max-aspect-ratio:11/10){.journey-loading{bottom:21px;left:5%;font-size:.6875rem}.journey-stage #scene-copy .intro{top:calc(var(--journey-height,100svh) - var(--hero-top) - 180px)}.journey-stage #scene-copy .button{top:calc(var(--journey-height,100svh) - var(--hero-top) - 110px)}}
@media(max-height:500px) and (orientation:landscape){
 :root{--header:64px}
 header{padding-block:10px}.brand img{width:100px}nav{gap:20px}nav a{font-size:.8125rem}
 .journey-stage #scene-copy.scene-copy{top:78px;left:6%;width:40%;pointer-events:auto}
 .journey-stage #scene-copy .eyebrow{display:none}
 .journey-stage #scene-copy h1 .hero-prefix{font-size:.8125rem;line-height:1.3;margin:0 0 4px;letter-spacing:.12em}
 .journey-stage #scene-copy .hero-line{width:clamp(160px,30vw,220px);max-width:100%}
 .journey-stage #scene-copy h1 .hero-tail{font-size:1.125rem;line-height:1.3;text-align:left;margin:4px 0 0}
 .journey-stage #scene-copy .intro{position:static;font-size:.75rem;line-height:1.5;margin:8px 0}
 .journey-stage #scene-copy .button{position:static;min-height:36px;font-size:.75rem;padding:7px 13px}
 .journey-stage .bubble-copy{width:80%}.journey-stage .bubble-kicker{font-size:.75rem;margin-bottom:5px}
 .journey-stage .bubble-title .course-suffix,.journey-stage .bubble-title .coat-prefix{font-size:.75rem;line-height:1.3;margin-block:4px}
 .journey-stage .bubble-title.coat-title .word-lettering{margin-block:4px}
 .journey-stage .bubble-description{font-size:.8125rem;line-height:1.5;margin-top:6px}
 .journey-stage .bubble-select{font-size:.75rem;min-height:44px;margin-top:3px;padding-block:5px}
 .journey-stage .stage-bottom,.journey-stage .journey-loading,.journey-stage .journey-failure{bottom:12px}
}