/* Real studio hero. The supplied still stays visible until a renderer succeeds. */
.cinema-stage{background:#050505}
.cinema-media.has-frame picture{opacity:0;transition:opacity .25s ease}
.cinema-media canvas{opacity:0}
.cinema-media.has-frame canvas{opacity:1}
.cinema-media .cinema-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.cinema[data-visual="film"] .cinema-media canvas{display:none}
.cinema[data-visual="film"] .cinema-media.has-frame .cinema-film{opacity:1}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-media{inset:0 0 0 44%;z-index:1}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-shade{background:none;pointer-events:none}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-content{z-index:3}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-titles{max-width:57%}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-callouts{z-index:4;pointer-events:none}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-1{top:15%;right:3.2%;max-width:155px}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-2{bottom:13%;right:3.2%;max-width:165px}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-3{left:47%;right:auto;top:auto;bottom:19%;max-width:140px}
.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-callout strong{font-size:25px}
@media(min-width:1600px){.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-media{left:45%}.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-titles{max-width:60%}}
@media(max-width:1100px) and (min-width:761px){.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-media{left:43%}.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-titles{max-width:57%}.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-1{right:2%;max-width:130px}.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-2{right:2%;max-width:140px}.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-3{display:none}}
@media(max-width:760px){
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-stage{min-height:970px}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-media{inset:475px 0 55px;z-index:1}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-titles{max-width:100%}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-callout strong{font-size:19px}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-callout small{font-size:8px;max-width:90px}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-1{top:56%;right:4%;max-width:100px}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-2{bottom:11%;left:4%;right:auto;max-width:105px}
 .cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .callout-3{display:none}
}
@media(max-width:380px){.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-media{top:495px}.cinema:is([data-visual="three"],[data-visual="film"],[data-cinema-version="seedance-v3"]) .cinema-stage{min-height:985px}}
@media(prefers-reduced-motion:reduce){.cinema-media.has-frame picture{transition:none}}

/* Seedance poster and film share one crop and one frame from the first paint. */
.cinema[data-cinema-version="seedance-v3"] .cinema-media {transform:translate3d(var(--hero-pointer-x,0px),var(--hero-pointer-y,0px),0)}
.cinema[data-cinema-version="seedance-v3"] .cinema-media :is(picture,img,.cinema-film) {width:100%;height:100%;object-fit:contain;object-position:center}
.cinema[data-cinema-version="seedance-v3"] .cinema-media picture {display:block}
@media(max-width:760px){
 .cinema[data-cinema-version="seedance-v3"] .cinema-stage {min-height:calc(var(--hero-media-top,460px) + 460px)}
 .cinema[data-cinema-version="seedance-v3"] .cinema-media {inset:var(--hero-media-top,460px) 0 55px;transform:none}
 .cinema[data-cinema-version="seedance-v3"] .callout-1 {top:calc(var(--hero-media-top,460px) + 55px)}
 .cinema[data-cinema-version="seedance-v3"] .callout-2 {bottom:10%}
}
.site-reduced .cinema-media,.site-motion-paused .cinema-media,.cinema-static .cinema-media {transform:none!important}
@media(prefers-reduced-motion:reduce){.cinema[data-cinema-version="seedance-v3"] .cinema-media{transform:none}}
.cinema[data-cinema-version="seedance-v3"] .cinema-media{mix-blend-mode:lighten}