/* B71: the approved illustrated journey and single-page discovery. */
body.has-arrival-options .journey-panel.is-choice-panel:has(#scene-choices:not([hidden])){width:min(950px,calc(100% - 8vw));padding:0;border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none}
body.has-arrival-options .journey-panel.is-choice-panel:has(#scene-choices:not([hidden])):before,body.has-arrival-options .journey-panel.is-choice-panel:has(#scene-choices:not([hidden])):after{display:none}
.is-choice-panel #scene-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.is-choice-panel #scene-choices>.arrival-option{grid-row:2;min-height:168px;font-size:clamp(1.25rem,2.2vw,1.65rem);color:#fff}
.is-choice-panel #scene-choices>.arrival-continue{grid-column:2/4;grid-row:1;justify-self:end;width:min(360px,100%);min-height:86px;margin-bottom:7px;padding:15px 44px 15px 126px;background:#031219ee;border-color:#efd4a18a;font-size:1.35rem;box-shadow:0 6px 20px #0004}
.is-choice-panel #scene-choices>.arrival-continue .arrival-art{width:108px;right:auto}
.is-choice-panel #scene-choices>.arrival-continue .arrival-art:after{background:linear-gradient(90deg,transparent 65%,#03121988)}
.is-choice-panel #scene-choices>.arrival-continue .arrival-icon{top:50%;transform:translateY(-50%);right:12px;width:25px;height:25px;border:0;background:none;color:#efd4a1}
.is-choice-panel #scene-choices>.arrival-continue:after{display:none}
.is-choice-panel #scene-choices>.arrival-option .arrival-icon{color:#fff;background:#03121999;border-color:#ffffff85;box-shadow:none}

.universe-nav{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #efd4a128}
.universe-nav button{font:400 .9375rem/1.4 'Helvetica Neue',Arial,sans-serif;color:#c8d1d3;border:0;background:none;padding:8px 10px;min-height:44px;cursor:pointer}
.universe-nav button:hover{color:#fff;background:#ffffff08}
#universe-dialog [id$="-section"]{scroll-margin-top:80px;outline-offset:4px}
#universe-crew-section{padding-top:20px}
.universe-crew-header{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:16px}
#universe-dialog .universe-crew-header h3{margin-bottom:0}
.universe-teaser-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:10px 0;min-height:44px;border:0;background:none;color:#fff;font:400 1.5rem/1.2 Georgia,serif;cursor:pointer}
.universe-teaser-link>span:first-child{font-size:1.5rem}
.universe-series{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center}
#series-copy p{font-size:1.0625rem;line-height:1.65;color:#c8d1d3;margin:0 0 16px}
.universe-teaser-card{min-height:220px;color:#fff;font-size:1.65rem}
.universe-teaser-card .arrival-icon{color:#fff!important;background:#03121999!important;border-color:#ffffff85!important;box-shadow:none!important;font-size:1.5rem}
#universe-dialog .universe-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;overflow:hidden;margin-top:30px;background:#071d27;border:1px solid #93b8bb55}
.universe-studio-preview{width:100%;height:auto;aspect-ratio:40/21;object-fit:contain;display:block}
.universe-studio-copy{padding:25px 28px;gap:14px}
#universe-dialog .universe-studio .panel-eyebrow{font:.8125rem/1.4 'Helvetica Neue',Arial,sans-serif;text-transform:none;letter-spacing:0;color:#bac8cb}
.universe-studio-copy strong{font-size:clamp(1.65rem,2.8vw,2.1rem);color:#fff}
.universe-studio-action{font-size:.9375rem;color:#fff;text-decoration:none;min-height:32px;display:flex;align-items:center;margin:0}

.crew-table-visual{position:relative}
.crew-table-caption{bottom:20px}
.crew-table-seats{gap:8px}
.crew-table-seat{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:8px 3px 9px;min-width:0;font-size:.875rem;border-bottom-color:transparent}
.crew-table-seat img{display:block;width:64px;height:64px;max-width:100%;border-radius:50%;object-fit:cover;border:2px solid transparent;opacity:.8}
.crew-table-seat[aria-pressed=true] img{border-color:#efd4a1;opacity:1}
.crew-table-seat:hover img{opacity:1}
.crew-table-actions{justify-content:center}
.crew-table-heading{justify-content:flex-end}
#universe-dialog .crew-table-hint{display:none}
.crew-table-orientation{display:none}
.crew-table.is-fullscreen .crew-table-visual{width:100%;min-height:0}
.crew-table.is-fullscreen .crew-table-stage{width:min(100%,calc((100dvh - 280px)*16/9))}
.crew-table.is-fullscreen .crew-table-visual .crew-table-caption{position:static;max-width:100%;background:none;border:0;text-align:center}
#trailer-follow{border-color:#efd4a1!important}
#trailer-crew img{object-fit:cover;object-position:50% 25%}
#social-dialog{max-width:450px;width:calc(100vw - 32px)}
.social-content{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 24px 24px}
.social-link{display:flex;flex:0 0 auto;width:100%;height:auto;min-height:78px;border-radius:4px;gap:20px;padding:14px 18px;text-decoration:none}
.social-link svg{flex:none;width:26px;height:26px}
.social-link-copy{display:grid;gap:4px;text-align:left}
.social-link-copy strong{font-size:1.125rem;font-weight:400}
.social-link-copy small{font-size:.8125rem;color:#bac8cb}

/* Keep the six faces within the first desktop viewport, including laptop screens. */
@media(min-width:761px) and (min-height:760px){
 .crew-table:not(.is-fullscreen){width:min(100%,calc((min(100dvh,1000px) - 480px)*16/9));margin-inline:auto}
}
@media(max-width:760px){
 body.has-arrival-options .journey-panel.is-choice-panel:has(#scene-choices:not([hidden])){width:calc(100% - 20px)}
 .is-choice-panel #scene-choices{gap:7px}
 .is-choice-panel #scene-choices>.arrival-option{min-height:136px;padding:12px 9px;font-size:1.125rem}
 .is-choice-panel #scene-choices>.arrival-continue{grid-column:1/4;width:min(340px,100%);min-height:78px;padding-left:106px;font-size:1.25rem;margin-bottom:10px}
 .is-choice-panel #scene-choices>.arrival-continue .arrival-art{width:90px}
 .arrival-label{max-width:11ch}
 .universe-page{padding-inline:20px}
 .universe-nav{gap:2px;justify-content:space-between;padding:7px 0}
 .universe-nav button{font-size:.8125rem;padding:8px 4px}
 .universe-crew-header{flex-wrap:wrap;gap:12px}
 #universe-dialog .universe-crew-header h3{font-size:1.85rem}
 .universe-teaser-link{font-size:1.35rem}
 .universe-series{grid-template-columns:1fr;gap:16px}
 .universe-teaser-card{min-height:180px;font-size:1.5rem}
 #series-copy p{font-size:1rem}
 #universe-dialog .universe-studio{grid-template-columns:1fr}
 .universe-studio-copy{padding:20px;gap:10px}
 .crew-table-caption{position:static;max-width:none;min-height:112px}
 .crew-table-seats{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
 .crew-table-seat{min-height:52px;padding:5px 0 8px}
 .crew-table-seat img{width:44px;height:44px}
 .crew-table-seat-name{display:none}
 .crew-table-footer{padding-inline:14px}
 .crew-table-action{font-size:.8125rem;padding-inline:10px}
 .social-content{padding:12px 18px 20px}
}
@media(pointer:coarse) and (orientation:portrait){#universe-dialog .crew-table-orientation{display:block;text-align:center;font-size:.8125rem;color:#bac8cb;margin:12px 0 0}}
@media(max-height:520px) and (orientation:landscape){
 #experience .journey-panel.is-choice-panel:has(#scene-choices:not([hidden])){width:min(780px,calc(100% - 40px));bottom:max(9px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%)}
 #experience .is-choice-panel #scene-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #experience #scene-choices>.arrival-option{min-height:88px;font-size:1.125rem;padding:12px}
 #experience #scene-choices>.arrival-continue{grid-column:2/4;min-height:62px;width:300px;max-width:100%;padding:10px 36px 10px 91px;margin-bottom:5px;font-size:1.125rem}
 #experience #scene-choices>.arrival-continue .arrival-art{width:78px}
 #experience #scene-choices>.arrival-option .arrival-icon{width:23px;height:23px;top:7px;left:auto;right:9px}
 body[data-scene=rencontre] #experience .journey-panel.is-choice-panel:has(#scene-choices:not([hidden])){left:auto;right:12px;transform:none;width:330px}
 body[data-scene=rencontre] #experience #scene-choices>.arrival-option{font-size:1rem;min-height:104px;padding:9px 7px}
 body[data-scene=rencontre] #experience #scene-choices>.arrival-continue{grid-column:1/4;width:290px}
 .crew-table.is-fullscreen .crew-table-visual{height:100%}
 .crew-table.is-fullscreen .crew-table-stage{width:100%;height:100%}
 .crew-table.is-fullscreen .crew-table-visual .crew-table-caption{position:absolute;left:18px;bottom:10px;max-width:50%;text-align:left;background:#05151dda;min-height:0}
}
@media(prefers-reduced-motion:reduce){.universe-nav,.crew-table-seat{scroll-behavior:auto}}

/* B73: one fullscreen icon on the image; navigation and legal information apart. */
.crew-table-fullscreen{position:absolute;top:12px;right:12px;z-index:3;width:44px;height:44px;display:grid;place-items:center;padding:9px;border:1px solid #ffffff65;border-radius:5px;background:#031219c9;color:#fff;cursor:pointer;backdrop-filter:blur(6px)}
.crew-table-fullscreen svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:round}
.crew-table-fullscreen .contract{display:none}
.crew-table-fullscreen[aria-pressed=true] .expand{display:none}
.crew-table-fullscreen[aria-pressed=true] .contract{display:block}
.crew-table-fullscreen:hover{background:#173b46;border-color:#fff}
.crew-table-fullscreen:disabled{visibility:hidden}
.crew-table.is-fullscreen .crew-table-stage{width:min(100%,calc((100dvh - 220px)*16/9))}
#universe-dialog .universe-footer{display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:34px;padding-bottom:max(26px,env(safe-area-inset-bottom))}
#universe-dialog .universe-return{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 26px;border:1px solid #efd4a18f;border-radius:4px;background:#15343d;color:#fff;font:400 1rem/1.35 'Helvetica Neue',Arial,sans-serif;cursor:pointer}
#universe-dialog .universe-return:hover{background:#204954;border-color:#efd4a1}
#universe-dialog .universe-footer .privacy-link{font-size:.75rem;color:#94a5aa;text-decoration:none;min-height:28px;display:inline-flex;align-items:center;padding:3px 8px}
#universe-dialog .universe-footer .privacy-link:hover{text-decoration:underline;color:#c8d1d3}
@media(max-width:760px){.crew-table-fullscreen{top:8px;right:8px}.crew-table.is-fullscreen .crew-table-stage{width:100%}#universe-dialog .universe-return{width:100%;max-width:340px}}
@media(max-height:520px) and (orientation:landscape){.crew-table.is-fullscreen .crew-table-stage{width:100%;height:100%}}