.film-intro { background:var(--ivory); border-bottom:1px solid var(--line); }
.film-intro .crumbs { margin:0; padding-top:clamp(20px,3vw,44px); }
.film-feature { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); align-items:center; gap:clamp(34px,6vw,104px); padding:clamp(30px,4vw,62px) 0 clamp(40px,5vw,80px); }
.film-intro h1 { font-size:clamp(62px,7.5vw,112px); line-height:.94; letter-spacing:-.065em; margin:18px 0 24px; }
.film-intro-copy .page-lead { max-width:38ch; }
.film-player { position:relative; aspect-ratio:16/9; background:#112a3b; isolation:isolate; }
.film-cover,.film-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.film-cover { overflow:hidden; }
.film-cover:focus-visible { outline:3px solid #916e33; outline-offset:4px; }
.film-cover img { display:block; width:100%; height:100%; object-fit:cover; }
.film-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(20deg,rgba(8,20,31,.22),transparent 55%); }
.film-play { z-index:1; position:absolute; top:50%; left:50%; display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:#faf7eff5; color:#122e44; transform:translate(-50%,-50%); box-shadow:0 2px 12px #102c4840; }
.film-play svg { margin-left:2px; }
.film-credit { font-family:Inter,sans-serif; font-weight:600; font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.12em; color:var(--gold-text); margin:17px 0 5px; }
.film-spotlight h2,.film-card h3 { font-size:clamp(26px,2.5vw,39px); letter-spacing:-.045em; line-height:1.09; }
.film-spotlight h2+p,.film-card h3+p { font-size:15px; line-height:1.6; color:var(--body); margin:8px 0 4px; }
.film-links { display:flex; gap:0 17px; flex-wrap:wrap; }
.film-links a { display:inline-flex; gap:4px; align-items:center; min-height:44px; font-size:13px; line-height:1.45; color:var(--navy); text-decoration:underline; text-underline-offset:4px; text-decoration-color:#ae9a77; }
.film-collection { padding-block:clamp(42px,6vw,92px); }
.film-collection>h2 { font-size:clamp(39px,4.5vw,67px); line-height:1; letter-spacing:-.04em; margin-bottom:clamp(23px,3vw,40px); }
.film-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(32px,4vw,64px) clamp(20px,2.6vw,44px); }
@media(max-width:1070px){.film-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:850px){.film-feature {grid-template-columns:minmax(0,.72fr) minmax(0,1fr); gap:26px;} .film-intro h1 {font-size:clamp(52px,8vw,68px);} }
@media(max-width:660px){.film-feature,.film-grid {grid-template-columns:minmax(0,1fr);} .film-feature {gap:27px;} .film-intro h1 {margin:11px 0; font-size:clamp(54px,12vw,73px);} .film-intro h1 br {display:none;}  .film-intro .page-lead {margin-bottom:0;} .film-play {width:48px; height:48px;} }
@media(hover:hover) and (prefers-reduced-motion:no-preference){.film-cover img {transition:transform .4s ease;} .film-cover:hover img {transform:scale(1.025);} }

.film-length { position:absolute; z-index:1; right:9px; bottom:9px; padding:2px 6px; border-radius:2px; background:#0c2333de; color:#fff; font:550 12px/1.5 var(--sans); font-variant-numeric:tabular-nums; }

.film-links .inline-film { display:inline-flex; align-items:center; min-height:44px; background:none; color:var(--navy); font:inherit; font-size:13px; line-height:1.45; border:0; padding:0; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#ae9a77; cursor:pointer; }
.film-links > a:first-child { flex-basis:100%; }