/* Exact approved image. Keep the HTML copy in the empty left side of the studio. */
.hosts-cinema .community-picture{transform:translateX(calc(var(--scene-progress)*-.25%)) scale(calc(1.005 + var(--scene-progress)*.01));transform-origin:right center}
.hosts-cinema .community-picture img{object-position:100% 42%}
.hosts-cinema .community-shade{background:linear-gradient(90deg,#03101b8c,transparent 48%),linear-gradient(0deg,#03101b80,transparent 35%)}
.hosts-cinema .story-panel,.hosts-cinema .lesean-step .story-panel{margin-left:0;margin-right:auto;width:35%;max-width:500px;padding:32px 28px;background:linear-gradient(130deg,#061521e8,#061521b5)}
.hosts-cinema .story-panel h2,.hosts-cinema .story-panel h3{font-size:clamp(39px,3.7vw,62px)}
.hosts-cinema .story-panel>p:not(.eyebrow){font-size:18px}
.hosts-cinema .story-panel>p.secondary-copy{font-size:16px}
@media(min-aspect-ratio:2/1){.hosts-cinema .community-picture img{object-position:100% 25%}}
@media(max-width:1000px),(max-aspect-ratio:3/2){
 .hosts-cinema{display:block}
 .hosts-cinema>.cinema-stage{position:relative;top:auto;height:auto;min-height:0}
 .hosts-cinema .scene-picture{position:relative;inset:auto;z-index:0;transform:none!important}
 .hosts-cinema .scene-picture picture{height:auto}
 .hosts-cinema .scene-picture img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center}
 .hosts-cinema .community-shade{background:linear-gradient(0deg,#04101b,transparent 18%);z-index:1}
 .hosts-cinema .depth-grid,.hosts-cinema .scene-coordinate{display:none}
 .hosts-cinema .host-narrative{display:block;grid-area:auto;padding-block:15px 45px;width:88%}
 .hosts-cinema .narrative-step{min-height:0;padding-block:38px;display:block}
 .hosts-cinema .story-panel,.hosts-cinema .lesean-step .story-panel{width:100%;max-width:none;margin:0;padding:0 0 0 25px;background:none;border:0;border-left:2px solid var(--cyan);box-shadow:none;backdrop-filter:none;transform:none!important}
 .hosts-cinema .tom-step .story-panel{border-left-color:var(--gold)}
 .hosts-cinema .story-panel h2,.hosts-cinema .story-panel h3{font-size:clamp(40px,7.3vw,65px)}
 .hosts-cinema .story-panel>p:not(.eyebrow){max-width:620px;font-size:19px}
 .hosts-cinema .story-panel>p.secondary-copy{font-size:17px}
 .hosts-cinema .host-narrative .narrative-step+.narrative-step{border-top:1px solid #77b5c32b}
 .hosts-cinema .opening-step{padding-top:25px}
}
@media(max-width:760px){
 .hosts-cinema .story-panel,.hosts-cinema .lesean-step .story-panel{padding-left:20px}
 .hosts-cinema .story-panel h2,.hosts-cinema .story-panel h3{font-size:clamp(35px,10vw,55px)}
 .hosts-cinema .story-panel>p:not(.eyebrow){font-size:17px;line-height:1.55}
 .hosts-cinema .story-panel>p.secondary-copy{font-size:15px}
 .hosts-cinema .narrative-step{padding-block:32px}
}