/* Equal-size film stills with consistent spacing at every breakpoint. */
.films-page .films-image-hero{min-height:clamp(410px,34vw,540px);padding-top:68px;padding-bottom:58px}
.films-page .films-image-hero h1{font-size:clamp(76px,8.7vw,132px)}
.films-page .films-image-hero .hero-aside{max-width:370px}
.films-page .films-image-hero .hero-aside p{font-size:15px;line-height:1.75}
.films-page .collection{padding-bottom:85px}
.films-page .collection-tools{gap:30px;border:0;padding-bottom:0;margin-bottom:38px}
.films-page .collection-filters{gap:8px 26px;min-width:0}
.films-page .collection-filters button{min-height:44px;padding:11px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#a3abad;font-size:13px}
.films-page .collection-filters button:hover{color:var(--site-ink);border-color:#ffffff50}
.films-page .collection-filters button[aria-pressed="true"]{background:transparent;color:var(--site-accent);border-color:var(--site-accent)}
.films-page .collection-filters button:focus-visible{outline:2px solid var(--site-accent);outline-offset:-3px}
.films-page .collection-count{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#9da7ad}
.films-page .media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;max-width:1510px;margin:0 auto}
.films-page .media-card{--film-title-size:clamp(19px,1.8vw,27px);grid-column:auto;min-width:0;scroll-margin-top:125px}
.films-page .media-trigger{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;border:0;background:#171c20;text-align:left}
.films-page .media-trigger:focus-visible{outline:2px solid var(--site-accent);outline-offset:5px}
.films-page .media-poster{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;overflow:hidden}
.films-page .media-poster:after{z-index:1;background:linear-gradient(180deg,#02050840,transparent 36%),linear-gradient(0deg,#020508ed,rgba(2,5,8,.48) 35%,transparent 74%)}
.films-page .media-poster img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.92);transform:scale(1);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .8s}
.films-page .poster-note{z-index:3;top:17px;right:19px;left:auto;bottom:auto;font-size:9px;font-weight:500;line-height:1.4;letter-spacing:1.6px;color:#fff;text-shadow:0 1px 10px #000;opacity:.9}
.films-page .media-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:7px;padding:22px;border:0;background:none;pointer-events:none}
.films-page .media-caption strong{font-size:var(--film-title-size);font-weight:500;letter-spacing:-.035em;line-height:1.12;color:#fff;text-wrap:pretty;overflow-wrap:anywhere;text-shadow:0 2px 20px #0004}
.films-page .media-caption>span{font-size:10px;line-height:1.4;letter-spacing:.6px;color:#d3dcdf}
.films-page .film-fallback{height:100%;padding-bottom:35px;background:linear-gradient(135deg,#26343d,#10181e);font-size:36px;color:#93a3ae}
.films-page .film-fallback>span{font-size:9px;letter-spacing:1.8px}
.films-page .next-chapter{padding-top:65px;padding-bottom:65px}
.films-page .next-chapter h2{font-size:clamp(40px,4.6vw,68px)}


@media(hover:hover) and (pointer:fine){
  .films-page .media-trigger:hover .media-poster img,.films-page .media-trigger:focus-visible .media-poster img{transform:scale(1.035);filter:saturate(1)}
  .films-page .media-trigger:hover .poster-note,.films-page .media-trigger:focus-visible .poster-note{color:var(--site-accent)}
}
@media(max-width:1000px){
  .films-page .media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .films-page .media-card{grid-column:auto;--film-title-size:22px}
  .films-page .media-trigger{aspect-ratio:16/9}
  .films-page .media-caption{padding:18px;gap:6px}
  .films-page .poster-note{top:14px;right:16px;font-size:9px}
  .films-page .collection-tools{align-items:start;gap:15px}
  .films-page .collection-filters{gap:4px 20px}
}
@media(max-width:640px){
  .films-page .films-image-hero{min-height:450px;padding-top:42px;padding-bottom:35px;gap:28px;align-content:end}
  .films-page .films-image-hero h1{font-size:clamp(63px,17vw,98px)}
  .films-page .films-image-hero .hero-aside p{font-size:14px;line-height:1.65}
  .films-page .collection{padding-bottom:50px}
  .films-page .collection-tools{display:block;margin-bottom:24px}
  .films-page .collection-filters{flex-wrap:nowrap;overflow-x:auto;gap:22px;max-width:100%;padding:4px 1px 8px;scrollbar-width:thin}
  .films-page .collection-filters button{flex-shrink:0;font-size:13px}
  .films-page .collection-count{padding-top:8px;font-size:10px}
  .films-page .media-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .films-page .media-card{--film-title-size:clamp(21px,5.5vw,28px)}
  .films-page .media-trigger{aspect-ratio:16/9}
  .films-page .media-caption{padding:18px;gap:6px}
  .films-page .media-caption>span{font-size:10px}
  .films-page .next-chapter{padding-top:45px;padding-bottom:45px}
}
@media(prefers-reduced-motion:reduce){
  .films-page .media-poster img{transition:none!important;transform:none!important}
}