/* A short lining reveal leads straight into the one concealed gold face. */
.lining-window{height:35svh;min-height:220px}
.fan-scene{margin-top:0}

/* The pair, textile opening and film share one scroll stage. */
.reveal-window{height:195svh;min-height:1300px;margin-top:20px}
.reveal-window .reveal-controls{z-index:3;top:76svh;bottom:auto;width:80%}
.reveal-window>.performance-film{position:sticky;top:0;height:100svh;min-height:600px;box-sizing:border-box;padding:45px 0 25px;display:flex;flex-direction:column;justify-content:center;opacity:var(--film-reveal,0);will-change:opacity}
.reveal-window .film-heading{margin:0 auto 24px}
.reveal-window .film-details{flex:none;margin:22px auto 0}
.reveal-window .video-shell{flex:none;margin:0 auto}
#chapter-performance{padding-bottom:0}
html:not(.js) .reveal-window{height:auto;min-height:0;padding-bottom:0}
html:not(.js) .reveal-window>.performance-film{position:relative;height:auto;min-height:0;opacity:1;will-change:auto;padding:65px 0 45px}
html:not(.js) .reveal-window .reveal-controls{display:none}

@media(max-width:760px){
 .lining-window{height:24svh;min-height:150px}
 .reveal-window{height:190svh;min-height:1200px}
 .reveal-window>.performance-film{padding:40px 0 30px;min-height:0}
 .reveal-window .film-heading{width:calc(100% - 60px);margin-bottom:24px}
 .reveal-window .reveal-controls{top:76svh}
}
@media(max-height:720px) and (min-width:761px){
 .reveal-window>.performance-film{min-height:0;padding:26px 0 16px}
 .reveal-window .film-heading{margin-bottom:15px}
 .reveal-window .film-heading h2{font-size:40px}
 .reveal-window .film-heading p{margin-top:8px}
 .reveal-window .video-shell{width:min(88%,calc((100svh - 215px) * 16 / 9))}
}
@media(prefers-reduced-motion:reduce),(scripting:none){
 .lining-window{height:240px;min-height:0}
 .reveal-window{height:auto;min-height:0;padding-bottom:0}
 .reveal-window .reveal-controls{display:none}
 .reveal-window>.performance-film{position:relative;height:auto;min-height:0;opacity:1;will-change:auto;padding:65px 0 45px}
}