.film-page-header { position: absolute; z-index: 2; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 28px 5%; }
.film-page-header .brand-mark { width: 126px; }
.film-page-header > a:last-child { display: inline-flex; align-items: center; gap: 9px; font-size: 14px; }
.film-page-hero { position: relative; min-height: 680px; display: flex; align-items: flex-end; }
.film-page-image, .film-page-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.film-page-image { object-fit: cover; object-position: center 35%; }
.film-page-shade { background: linear-gradient(0deg, #080b0e 2%, #080b0e60 60%, #080b0e50), linear-gradient(90deg, #080b0ee8, #080b0e10 90%); }
.film-page-copy { position: relative; width: min(760px, 100%); padding: 160px 0 45px; margin: 0 5%; }
.film-page-copy h1 { font: 400 clamp(48px, 5.5vw, 80px)/1.05 var(--serif); margin: 20px 0 25px; }
.film-page-copy .title-artwork { max-width: min(460px, 80vw); max-height: 150px; object-fit: contain; object-position: left center; }
.film-page-copy .title-artwork-window { max-height: none; }
.film-page-copy .title-artwork-window img { max-width: none; }
.film-page-synopsis { max-width: 620px; margin: 22px 0 26px; line-height: 1.8; color: #d1d7db; font-size: 17px; }
.film-page-copy .button { display: inline-flex; }
.film-page-availability { color: #9caab5; font-size: 12px; margin-top: 15px; }
.film-page-details { margin: 0 5%; padding: 25px 0 40px; border-bottom: 1px solid #ffffff13; }
.film-page-details dl { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 24px 40px; margin: 0; font-size: 14px; line-height: 1.8; }
.film-page-details dt { color: #8796a3; margin-bottom: 5px; }
.film-page-details dd { margin: 0; }
.film-page-edition { color: #94a2ad; margin-top: 22px; font-size: 13px; line-height: 1.7; }
.film-page-related { padding: 38px 5% 64px; }
.film-page-related h2 { font-size: 22px; margin-bottom: 22px; }
.film-page-related > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.film-page-related a { display: grid; gap: 6px; }
.film-page-related img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 5px; transition: filter .2s; }
.film-page-related a:hover img { filter: brightness(1.15); }
.film-page-related span { margin-top: 5px; font-size: 15px; }
.film-page-related small { color: #8b9ba8; }
@media (max-width: 700px) {
  .film-page-header { padding-top: 22px; }
  .film-page-header .brand-mark { width: 100px; }
  .film-page-hero { min-height: 630px; }
  .film-page-image { object-position: 60% top; }
  .film-page-shade { background: linear-gradient(0deg, #080b0e 3%, #080b0e90 65%, #080b0e40); }
  .film-page-copy { padding-top: 200px; padding-bottom: 20px; }
  .film-page-synopsis { font-size: 15px; }
  .film-page-details dl { grid-template-columns: 1fr 1fr; gap: 20px; }
  .film-page-related > div { grid-template-columns: 1fr 1fr; gap: 24px 15px; }
}
@media (prefers-reduced-motion: reduce) { .film-page-related img { transition: none; } }