/* Films-only motion: a soft focus pull, opening frames, tactile posters.
   No additional background layers, video autoplay, or scroll interception. */
#filmsView.films-cinema .film-opening{padding-top:12px;padding-bottom:58px;perspective:1200px}
#filmsView.films-cinema .opening-portrait{animation:none!important}
#filmsView.films-cinema .film-intro-copy{animation:none!important}
#filmsView.films-cinema .film-opening{overflow:visible}
#filmsView.films-cinema .film-opening .opening-portrait{perspective:1200px;transition-duration:1s,1.6s,1.6s,1.6s,1.1s}
#filmsView.films-cinema .film-opening .opening-portrait video{clip-path:inset(10% 0 round 16px);scale:1.07;filter:blur(5px);transition:clip-path 1.65s cubic-bezier(.16,1,.3,1),scale 1.8s cubic-bezier(.16,1,.3,1),filter 1.1s;transition-delay:var(--cinema-delay,0ms)}
#filmsView.films-cinema .film-opening .opening-portrait.cinema-in video{clip-path:inset(0 round 16px);scale:1;filter:blur(0)}
#filmsView.films-cinema .film-opening .film-intro-copy{filter:none;scale:1;rotate:none;translate:0 18px;transition:translate 1.4s cubic-bezier(.16,1,.3,1),opacity .8s}
#filmsView.films-cinema .film-opening .film-intro-copy.cinema-in{translate:0 0}
#filmsView.films-cinema .cinema-copy-line{opacity:0;translate:0 15px;filter:blur(10px);transition:opacity .95s,translate 1.3s cubic-bezier(.16,1,.3,1),filter 1.3s;transition-delay:var(--copy-delay,220ms)}
#filmsView.films-cinema .cinema-in .cinema-copy-line{opacity:1;translate:0 0;filter:blur(0)}
#filmsView.films-cinema .cinema-playing,#filmsView.films-cinema .cinema-playing video{transition:none!important;transition-delay:0ms!important}
#filmsView.films-cinema .cinema-beat{opacity:0;translate:0 48px;rotate:x 5deg;scale:.97;filter:blur(8px);transition:opacity .85s ease,translate 1.15s cubic-bezier(.16,1,.3,1),rotate 1.15s cubic-bezier(.16,1,.3,1),scale 1.15s cubic-bezier(.16,1,.3,1),filter .9s ease;transition-delay:var(--cinema-delay,0ms);transform-origin:50% 80%}
#filmsView.films-cinema .cinema-beat.cinema-in{opacity:1;translate:0 0;rotate:x 0deg;scale:1;filter:blur(0)}
/* Distinct chapter entrances: portraits open outwards, frames settle into focus.
   Only the media is masked; text blur always has room to feather naturally. */
#filmsView.films-cinema .cinema-from-left:not(.cinema-in){translate:-54px 35px;rotate:y 9deg;transform-origin:0 50%}
#filmsView.films-cinema .cinema-from-right:not(.cinema-in){translate:54px 35px;rotate:y -9deg;transform-origin:100% 50%}
#filmsView.films-cinema .cinema-frame{rotate:x 9deg;transform-origin:50% 100%;transition-duration:.85s,1.45s,1.45s,1.45s,.95s}
#filmsView.films-cinema .cinema-frame.cinema-in{rotate:x 0deg}
#filmsView.films-cinema .cinema-frame :is(.collection-poster,.filmmaking-poster),
#filmsView.films-cinema .reel-card>div{clip-path:inset(9% 0 9% 0 round 18px);transition:clip-path 1.45s cubic-bezier(.16,1,.3,1),box-shadow .5s;transition-delay:var(--cinema-delay,0ms)}
#filmsView.films-cinema .cinema-frame.cinema-in :is(.collection-poster,.filmmaking-poster),
#filmsView.films-cinema .reel-card.cinema-in>div{clip-path:inset(0 round 18px)}
#filmsView.films-cinema .cinema-frame:not(.cinema-in) img{transform:scale(1.12)}
/* Override the earlier inner aperture pass; each complete card now opens once. */
#filmsView.films-cinema [data-ss-reveal]{transform:none!important;clip-path:none!important;opacity:1!important}
#filmsView.films-cinema .cinema-word{display:inline-block;opacity:0;translate:0 .5em;filter:blur(13px);transition:opacity .8s,translate 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s;transition-delay:calc(var(--word-index) * 110ms + 100ms)}
#filmsView.films-cinema .cinema-in .cinema-word{opacity:1;translate:0 0;filter:blur(0)}
#filmsView.films-cinema .lead-reels{margin-top:30px;margin-bottom:110px;perspective:1100px}
#filmsView.films-cinema .filmmaking-feature{margin-bottom:100px}
#filmsView.films-cinema .livestream-feature{margin-bottom:100px}
#filmsView.films-cinema :is(.collection-poster,.filmmaking-poster,.reel-card>div){isolation:isolate;border-radius:18px;box-shadow:0 18px 35px -25px #24344160;transition:box-shadow .5s}
#filmsView.films-cinema :is(.collection-poster,.filmmaking-poster,.reel-card>div)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,#fff3 45%,#fff0 62%);translate:-120% 0;transition:translate .9s cubic-bezier(.2,.7,.2,1);z-index:2}
#filmsView.films-cinema :is(.collection-poster,.filmmaking-poster,.reel-card>div) img{transition:transform 1s cubic-bezier(.2,.7,.2,1);will-change:auto}
#filmsView.films-cinema :is(.collection-play,.filmmaking-play){translate:var(--play-x,0px) var(--play-y,0px);transition:translate .25s ease,background .3s,box-shadow .3s;z-index:3}
#filmsView.films-cinema .collection-filter .btn{transition:color .25s,background .25s,box-shadow .25s;border:0;border-radius:30px;padding:10px 17px}
#filmsView.films-cinema .collection-filter .btn.active{background:#344b4920;box-shadow:inset 0 0 0 1px #344b4930}
#filmsView.films-cinema .collection-filter{gap:8px;margin-bottom:18px}
#filmsView.films-cinema .collection-film[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){
 #filmsView.films-cinema :is(.reel-card,.filmmaking-card,.collection-film>a):is(:hover,:focus-visible) :is(.collection-poster,.filmmaking-poster,.reel-card>div){box-shadow:0 28px 46px -26px #24344185}
 #filmsView.films-cinema :is(.reel-card,.filmmaking-card,.collection-film>a):is(:hover,:focus-visible) img{transform:scale(1.055)}
 #filmsView.films-cinema :is(.reel-card,.filmmaking-card,.collection-film>a):is(:hover,:focus-visible)>:is(.collection-poster,.filmmaking-poster,div)::after{translate:120% 0}
 #filmsView.films-cinema :is(a:hover,a:focus-visible) :is(.collection-play,.filmmaking-play){background:#344b49df;box-shadow:0 0 0 8px #f8f3e515}
}
@media(min-width:900px){
 #filmsView.films-cinema .lead-reels>.reel-card{margin-top:0;align-self:start}
 #filmsView.films-cinema .filmmaking-grid>.filmmaking-card{margin-top:0;align-self:start}
 #filmsView.films-cinema .film-collection{row-gap:72px}
}
@media(max-width:700px){
 #filmsView.films-cinema :is(.cinema-from-left,.cinema-from-right):not(.cinema-in){translate:0 28px;rotate:none}
 #filmsView.films-cinema .cinema-beat{translate:0 25px;rotate:none;scale:.985;filter:blur(4px)}
 #filmsView.films-cinema .cinema-beat.cinema-in{translate:0 0;scale:1;filter:none}
 #filmsView.films-cinema .film-opening{padding-bottom:24px}
 #filmsView.films-cinema :is(.lead-reels,.filmmaking-feature,.livestream-feature){margin-bottom:60px}
 #filmsView.films-cinema .collection-filter .btn{font-size:10px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){
 #filmsView.films-cinema .film-opening :is(.opening-portrait video,.film-intro-copy,.cinema-copy-line){clip-path:none!important;filter:none!important;scale:1!important;translate:none!important;opacity:1!important;transition:none!important}
 #filmsView.films-cinema :is(.collection-poster,.filmmaking-poster,.reel-card>div){clip-path:none!important;transition:none!important}
 #filmsView.films-cinema :is(.cinema-beat,.cinema-word){opacity:1!important;translate:none!important;rotate:none!important;scale:1!important;filter:none!important;transition:none!important}
 #filmsView.films-cinema :is(img,.collection-play,.filmmaking-play){transition:none!important;translate:none!important;transform:none!important}
 #filmsView.films-cinema :is(.collection-poster,.filmmaking-poster,.reel-card>div)::after{display:none}
}