.film-section{padding:90px 0 72px;background:var(--ivory)}
.film-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:36px}
.film-heading h2{margin-top:20px;font-size:clamp(38px,4.7vw,66px)}
.film-intro p{max-width:440px;font-size:16px;line-height:1.85;color:#756c5d;margin-bottom:22px}
.film-intro>span{font-size:10px;letter-spacing:.09em;color:#756c5d}
.film-screen{position:relative;aspect-ratio:16/9;background:var(--black);overflow:hidden}
.film-video{display:block;width:100%;height:100%;object-fit:contain}
.film-cover{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;text-align:left;color:var(--ivory);background:var(--black);overflow:hidden}
.film-cover[hidden],.film-video[hidden]{display:none}
.film-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.film-cover:hover>img{transform:scale(1.025)}
.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07161dd9,#07161d10),linear-gradient(0deg,#07161d80,transparent 60%)}
.film-brand{position:absolute;top:7%;left:5%;display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:clamp(17px,2.1vw,28px);font-weight:600}
.film-brand img{width:clamp(23px,2.6vw,36px);height:auto}
.film-cover-copy{position:absolute;left:7%;top:30%;right:5%}
.film-kicker{display:block;color:var(--lightgold);font-size:clamp(9px,1vw,13px);letter-spacing:.18em;margin-bottom:18px}
.film-cover-copy strong{font-family:var(--display);font-size:clamp(32px,5.7vw,78px);line-height:1.15;font-weight:600;letter-spacing:-.025em}
.film-play{position:absolute;left:7%;bottom:10%;display:flex;align-items:center;gap:18px}
.film-play-icon{width:64px;height:64px;display:grid;place-items:center;padding-left:4px;background:var(--gold);color:var(--ink);border-radius:50%;font-size:18px;transition:background .2s}
.film-cover:hover .film-play-icon{background:var(--lightgold)}
.film-play-label{font-size:15px;font-weight:600}.film-play-label small{display:block;font-weight:400;font-size:11px;opacity:.7;letter-spacing:.1em;margin-top:3px}
.film-cover:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}
.film-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding:17px 0 25px}
.film-bottom p{font-size:11px;color:#756c5d;margin:0}.film-bottom a{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:4px;white-space:nowrap}
.film-chapters{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.film-chapters button{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;position:relative;background:transparent;color:var(--ink);padding:19px 18px;border:0;border-right:1px solid var(--line);text-align:left;font-size:12px;transition:background .2s}
.film-chapters button:last-child{border-right:0}.film-chapter-time{display:block;width:100%;font-size:10px;color:#756c5d;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.film-chapter-arrow{margin-left:auto}.film-chapters button:hover{background:var(--stone)}.film-chapters button[aria-current=true]{background:var(--ink);color:var(--ivory)}.film-chapters button[aria-current=true] .film-chapter-time{color:var(--lightgold)}
.film-status{font-size:12px;color:#756c5d;margin:12px 0 0;min-height:20px}
@media(max-width:760px){.film-section{padding:55px 0 35px}.film-heading{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.film-heading h2{font-size:40px}.film-intro p{font-size:14px;margin-bottom:12px}.film-cover-copy{top:27%}.film-kicker{margin-bottom:8px}.film-cover-copy strong{font-size:clamp(24px,6.8vw,48px)}.film-brand{top:7%;gap:8px;font-size:16px}.film-brand img{width:22px}.film-play{bottom:8%;gap:10px}.film-play-icon{width:38px;height:38px;font-size:12px}.film-play-label{font-size:11px}.film-play-label small{font-size:9px;margin-top:0}.film-bottom{flex-direction:column;gap:12px;padding:14px 0 22px}.film-bottom p{font-size:10px}.film-chapters{grid-template-columns:1fr 1fr}.film-chapters button{padding:14px 12px;border-bottom:1px solid var(--line);font-size:11px}.film-chapters button:nth-child(even){border-right:0}.film-chapters button:last-child{grid-column:1/-1;border-bottom:0}}
@media(prefers-reduced-motion:reduce){.film-cover>img,.film-play-icon,.film-chapters button{transition:none}.film-cover:hover>img{transform:none}}
