/* Two additional, real vertical films only where four cards have breathing room. */
#filmsView .opening-extra{display:none}
#filmsView .film-opening{position:relative}
@media(min-width:1500px){
 #filmsView .film-opening.page-intro{grid-template-columns:minmax(0,240px) minmax(0,240px) minmax(260px,1fr) minmax(0,240px) minmax(0,240px);gap:clamp(20px,1.8vw,44px);align-items:center}
 #filmsView .opening-extra{display:block}
 #filmsView .film-intro-copy{max-width:390px}
 #filmsView .film-opening .film-intro-copy h1{font-size:clamp(40px,3vw,64px)}
 #filmsView .opening-portrait figcaption{flex-direction:column;gap:2px;font-size:10px}
}
@media(prefers-reduced-motion:no-preference){
 #filmsView.films-cinema .film-opening .opening-portrait{transform-origin:50% 85%;transition:translate 1.65s cubic-bezier(.16,1,.3,1),rotate 1.65s cubic-bezier(.16,1,.3,1),scale 1.65s cubic-bezier(.16,1,.3,1),opacity .55s,filter .6s}
 #filmsView.films-cinema .film-opening .opening-portrait:not(.cinema-in){translate:var(--fan-x,0px) 38px;rotate:z -9deg;scale:.88;filter:none;opacity:0}
 #filmsView.films-cinema .film-opening .opening-portrait:nth-last-child(-n+2):not(.cinema-in){rotate:z 9deg}
 #filmsView.films-cinema .film-opening .opening-portrait.cinema-in{translate:0 0;rotate:z 0deg;scale:1;opacity:1}
}
/* Quote begins at the photo's upper margin; phone keeps its face-safe stack. */
@media(min-width:701px){
 #approach.approach-quote-overlay .approach-copy{top:clamp(28px,4vw,72px);transform:none}
}
#approach.approach-quote-overlay{padding-top:8px!important}
@media(min-width:701px) and (max-width:1000px){
 #filmsView.films-cinema .cinema-from-right:not(.cinema-in){translate:24px 28px}
 #filmsView.films-cinema .cinema-from-left:not(.cinema-in){translate:-24px 28px}
 #filmsView.films-cinema .film-opening .opening-portrait:not(.cinema-in){translate:var(--fan-x,0px) 38px}
}