/* B76 — two cinematic cards on desktop, a roomier compact card on phones. */
body.has-teaser-arrival:not(.is-travelling) #experience{background:#031219}
body.has-teaser-arrival:not(.is-travelling) #experience .journey-panel.is-choice-panel:has(#scene-choices){left:auto;right:4%;top:142px;bottom:40px;transform:none;width:min(44%,460px,calc((100dvh - 326px)*8/9));padding:0;display:flex;justify-content:center}
body.has-teaser-arrival #experience #scene-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
body.has-teaser-arrival #experience #scene-choices>.arrival-option{grid-row:3;min-height:112px;padding:14px 15px;font-size:1.3125rem;line-height:1.12;color:#fff;border-radius:5px}
body.has-teaser-arrival #experience #scene-choices>.arrival-option:after{display:none}
body.has-teaser-arrival #experience #scene-choices .arrival-art:after{background:linear-gradient(180deg,transparent 8%,#03121922 32%,#062632ef 100%)}
body.has-teaser-arrival #experience #scene-choices .arrival-art :is(img,video){filter:none}
body.has-teaser-arrival #experience #scene-choices>.arrival-option .arrival-icon{left:auto;right:12px;top:10px;width:24px;height:24px;border:0;background:none;backdrop-filter:none;color:#fff;filter:drop-shadow(0 2px 3px #000)}
body.has-teaser-arrival #experience #scene-choices>.arrival-option .arrival-label{max-width:11ch}
body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog]{grid-column:1/-1;grid-row:1;min-height:0;aspect-ratio:16/9;padding:20px 22px;border-color:#efd4a1bd;font-size:clamp(1.8rem,2.6vw,2.2rem);box-shadow:0 12px 38px #0005}
body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog] .arrival-label{max-width:none}
body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog] .arrival-icon{left:22px;right:auto;top:20px;width:43px;height:43px;border:1px solid #fff9;border-radius:50%;background:#03121970;backdrop-filter:blur(3px);filter:none}
body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog] .arrival-icon svg{width:22px;height:22px}
body.has-teaser-arrival #experience #scene-choices>.arrival-continue{grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;min-height:0;aspect-ratio:16/9;margin:0;padding:20px 22px;justify-content:flex-end;align-items:flex-start;background:#0a2630;border-color:#efd4a170;color:#fff;font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.12;border-radius:5px}
body.has-teaser-arrival #experience #scene-choices>.arrival-continue .choice-words{max-width:none}
body.has-teaser-arrival #experience #scene-choices>.arrival-continue .arrival-art{width:100%;right:0}
body.has-teaser-arrival #experience #scene-choices>.arrival-continue .arrival-art:after{background:linear-gradient(180deg,transparent 8%,#03121922 32%,#062632ef 100%)}
body.has-teaser-arrival #experience #scene-choices>.arrival-continue .arrival-icon{left:auto;right:12px;top:10px;width:24px;height:24px;transform:none;background:none;border:0;color:#fff;backdrop-filter:none;filter:drop-shadow(0 2px 3px #000)}
/* Both the moving tail and its held frame share the same composition. */
@media(min-width:761px){
 body.has-teaser-arrival:not(.is-travelling) #experience :is(.scene-media,.transition-screen){width:67%;right:auto;mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
 body.has-teaser-arrival:not(.is-travelling) #experience .veil{opacity:1;background:linear-gradient(180deg,#03121935,transparent 24%,transparent 70%,#03121985)}
 body.has-teaser-arrival:not(.is-travelling) #experience .film-sound{top:88px}
 body.has-teaser-arrival:not(.is-travelling) #experience[data-mobile-cinema=landscape] .transition-screen{width:100%;mask-image:none}
 body.has-teaser-arrival:not(.is-travelling) #experience[data-mobile-cinema=landscape] #film-frame{mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
}
/* B79 — approved mobile A: continuous, full-width illustrated choices. */
@media(max-width:760px) and (orientation:portrait){
 body.has-teaser-arrival:not(.is-travelling) #experience{display:block;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}
 body.has-teaser-arrival:not(.is-travelling) #experience::-webkit-scrollbar{display:none}
 body.has-teaser-arrival:not(.is-travelling) #experience .journey-panel.is-choice-panel:has(#scene-choices){position:relative;inset:auto;transform:none;width:100%;margin:calc(49px + min(57vw,260px) + env(safe-area-inset-top)) 0 0;padding:0 0 max(24px,env(safe-area-inset-bottom))}
 body.has-teaser-arrival #experience #scene-choices{grid-template-columns:minmax(0,1fr);gap:3px}
 body.has-teaser-arrival #experience #scene-choices>:is(.arrival-option,.arrival-continue){grid-column:1;grid-row:auto;min-height:108px;aspect-ratio:auto;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left));border:0;border-radius:0;background:#031219;box-shadow:none;color:#fff;text-shadow:0 2px 10px #00131f}
 body.has-teaser-arrival #experience #scene-choices .arrival-art:after{background:linear-gradient(180deg,#031219 0%,#03121900 18%,#03121944 55%,#031219f5 100%)}
 body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog]{min-height:212px;height:clamp(212px,59vw,280px);font-size:1.8125rem}
 body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog] .arrival-icon{top:24px;left:max(24px,env(safe-area-inset-left));width:38px;height:38px}
 body.has-teaser-arrival #experience #scene-choices>.arrival-continue{min-height:160px;height:clamp(160px,44.5vw,210px);margin-top:12px;font-size:1.5rem}
 body.has-teaser-arrival #experience #scene-choices>.arrival-continue .arrival-icon{top:24px;right:max(24px,env(safe-area-inset-right))}
 body.has-teaser-arrival #experience #scene-choices>.arrival-continue .arrival-art:after{background:linear-gradient(180deg,#031219 0%,#03121900 18%,#03121944 55%,#031219f5 100%)}
 body.has-teaser-arrival #experience #scene-choices>.arrival-option:not([data-open=trailer-dialog]){justify-content:center;font-size:1.4375rem}
 body.has-teaser-arrival #experience #scene-choices>.arrival-option:not([data-open=trailer-dialog]) .arrival-label{max-width:none;padding-right:36px}
 body.has-teaser-arrival #experience #scene-choices>.arrival-option:not([data-open=trailer-dialog]) .arrival-icon{top:calc(50% - 12px);right:max(24px,env(safe-area-inset-right))}
 body.has-teaser-arrival #experience #scene-choices>.arrival-option:not([data-open=trailer-dialog]) .arrival-art:after{background:linear-gradient(90deg,#031219b0,#03121935),linear-gradient(180deg,#031219,transparent 24%,transparent 60%,#031219)}
 body.has-teaser-arrival #experience #scene-choices>[data-open=universe-dialog] .arrival-art :is(img,video){object-position:50% 34%}
 body.has-teaser-arrival #experience #scene-choices>[data-open=social-dialog] .arrival-art :is(img,video){object-position:50% 42%}
 body.has-teaser-arrival:not(.is-travelling) #experience :is(.scene-media,#film-frame){mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
 body.has-teaser-arrival:not(.is-travelling) #experience .veil{opacity:1;background:none}
 body.has-teaser-arrival:not(.is-travelling) #experience .rotate-hint{display:none}
}
/* Landscape phones keep readable cards and allow scrolling, rather than
   putting a four-card bar across the face or shrinking the labels. */
@media(max-height:680px) and (orientation:landscape){
 body.has-teaser-arrival:not(.is-travelling) #experience{display:block;padding:0;overflow-y:auto}
 body.has-teaser-arrival:not(.is-travelling) #experience :is(.scene-media,.transition-screen){width:67%;right:auto;mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
 body.has-teaser-arrival:not(.is-travelling) #experience[data-mobile-cinema=landscape] .transition-screen{width:100%;mask-image:none}
 body.has-teaser-arrival:not(.is-travelling) #experience[data-mobile-cinema=landscape] #film-frame{mask-image:linear-gradient(90deg,#000 72%,transparent 100%)}
 body.has-teaser-arrival:not(.is-travelling) #experience .journey-panel.is-choice-panel:has(#scene-choices){position:relative;inset:auto;transform:none;width:min(43%,390px);margin:84px 4% 24px auto;padding:0}
 body.has-teaser-arrival #experience #scene-choices{gap:10px}
 body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog]{font-size:1.75rem;padding:16px}
 body.has-teaser-arrival #experience #scene-choices>[data-open=trailer-dialog] .arrival-icon{top:12px;left:16px;width:34px;height:34px}
 body.has-teaser-arrival #experience #scene-choices>.arrival-continue{min-height:0;padding:16px;font-size:1.375rem}
 body.has-teaser-arrival #experience #scene-choices>.arrival-option:not([data-open=trailer-dialog]){min-height:100px;font-size:1.25rem}
 body.has-teaser-arrival:not(.is-travelling) #experience .film-sound{right:49%;top:80px}
}

@media(max-height:680px) and (orientation:landscape){
 body.has-teaser-arrival #experience[data-mobile-cinema=landscape] #scene-choices>.arrival-continue{min-height:132px;aspect-ratio:21/9}
}