/* A five-scene stack, swept horizontally by native vertical page scrolling. */
.film-outdoors{padding-bottom:65px}
.landscape-deck{position:relative;overflow:clip;width:100%;color:#60329a}
.landscape-deck-stage{padding:55px 0 35px}
.deck-canvas{width:min(1120px,calc(100% - 64px));margin-inline:auto;display:grid;gap:42px}
.deck-card{min-width:0;margin:0}
.deck-card .deck-media{border-radius:26px;background:#c4deed;box-shadow:0 28px 60px #574d7b24;border:2px solid #f3fbff}
.deck-media>video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.deck-media .film-toggle{right:20px;bottom:20px;width:49px;height:49px}
.deck-static-caption{display:flex;gap:25px;justify-content:space-between;align-items:baseline;padding:18px 4px 0}
.deck-static-caption span{font:700 11px/1.6 Arial,sans-serif;letter-spacing:.1em}
.deck-static-caption strong{font-size:18px;font-weight:600;line-height:1.7}
.landscape-deck.is-deck-ready{height:450svh}
.is-deck-ready .landscape-deck-stage{position:sticky;top:82px;height:calc(100svh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:60px 0 20px}
.is-deck-ready .deck-canvas{width:min(1120px,calc(100vw - 140px),calc((100svh - 245px)*1.7778));aspect-ratio:16/9;display:block;position:relative;isolation:isolate}
.is-deck-ready .deck-card{position:absolute;inset:0;transform:translate3d(var(--deck-x,0%),var(--deck-y,0px),0) rotate(var(--deck-rotate,0deg)) scale(var(--deck-scale,1));opacity:var(--deck-opacity,1);transform-origin:center;will-change:transform,opacity}
.is-deck-ready .deck-media{height:100%;width:100%;overflow:hidden;border-radius:27px}
.is-deck-ready .deck-media>video{height:100%;display:block}
.is-deck-ready .deck-static-caption{display:none}
.deck-readout{width:min(1120px,calc(100vw - 140px),calc((100svh - 245px)*1.7778));display:grid;grid-template-columns:1fr auto;gap:14px 30px;align-items:center;position:relative;z-index:90}
.deck-caption>p{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#806093;margin:0 0 8px}
.deck-caption>h3{font-size:24px;line-height:1.5;letter-spacing:-.035em;margin:0;color:#60329a}
.deck-status{text-align:right;min-width:190px}
.deck-status output{font:700 22px/1.4 Arial,sans-serif;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.deck-progress{display:flex;gap:7px;margin-top:12px}
.deck-progress span{height:3px;width:34px;border-radius:2px;background:#8567a439}
.deck-progress span[aria-current="true"],.deck-progress span[aria-current="step"],.deck-progress span.is-active{background:#6734a4}
.deck-instruction{grid-column:1/-1;font-size:13px;line-height:1.7;color:#806d94;letter-spacing:.03em;margin:0}
.deck-instruction>span{display:inline-block;margin-right:11px;font-size:18px;color:#6734a4;vertical-align:-1px}
.deck-card[inert]{pointer-events:none}
.is-deck-ready .deck-card[inert] .film-toggle{visibility:hidden}
.deck-media .film-toggle:focus-visible{outline-color:#ffe65c}
@media(min-width:761px) and (max-height:780px){
 .is-deck-ready .landscape-deck-stage{gap:18px;padding-top:52px;padding-bottom:13px}
 .is-deck-ready .deck-canvas,.deck-readout{width:min(1120px,calc(100vw - 140px),calc((100svh - 245px)*1.7778))}
 .deck-caption>h3{font-size:20px}
 .deck-caption>p{font-size:10px;margin-bottom:5px}
 .deck-status output{font-size:19px}
 .deck-instruction{font-size:12px}
 .deck-progress{margin-top:9px}
}
@media(max-width:760px){
 .film-outdoors{padding-bottom:35px}
 .landscape-deck.is-deck-ready{height:380svh}
 .is-deck-ready .landscape-deck-stage{top:66px;height:calc(100svh - 66px);gap:25px;padding:60px 0 25px}
 .deck-canvas{width:calc(100% - 40px);gap:35px}
 .is-deck-ready .deck-canvas,.deck-readout{width:calc(100vw - 54px)}
 .deck-card .deck-media,.is-deck-ready .deck-media{border-radius:19px;border-width:2px}
 .deck-media .film-toggle{width:42px;height:42px;bottom:12px;right:12px}
 .deck-readout{grid-template-columns:1fr auto;gap:17px 13px}
 .deck-caption>h3{font-size:19px;line-height:1.65}
 .deck-caption>p{font-size:9px;letter-spacing:.08em;margin-bottom:9px}
 .deck-status{min-width:74px}
 .deck-status output{font-size:16px;letter-spacing:.04em}
 .deck-progress{gap:4px;justify-content:flex-end;margin-top:10px}
 .deck-progress span{width:12px;height:3px}
 .deck-instruction{font-size:12px}
 .deck-static-caption{display:block;padding-top:15px}
 .deck-static-caption span{font-size:10px}
 .deck-static-caption strong{display:block;margin-top:7px;font-size:17px}
}
@media(max-height:560px),(prefers-reduced-motion:reduce){
 .landscape-deck.is-deck-ready{height:auto}
 .is-deck-ready .landscape-deck-stage{position:static;height:auto;padding:45px 0}
 .is-deck-ready .deck-canvas{display:grid;width:min(1120px,calc(100% - 40px));aspect-ratio:auto;gap:40px}
 .is-deck-ready .deck-card{position:relative;inset:auto;transform:none!important;opacity:1!important;will-change:auto}
 .is-deck-ready .deck-media{height:auto}
 .is-deck-ready .deck-static-caption{display:flex}
 .deck-readout{display:none!important}
}