.film-intro{padding-block:clamp(32px,5vw,64px)}
.film-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);align-items:center}
.film-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:12px 0 20px}
.film-copy>p{max-width:38ch;line-height:1.7}
.film-media{min-width:0}
.film-media video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#122d24;border-radius:16px}
.film-note{font-size:.875rem;line-height:1.6;color:var(--muted,#465e55);margin:12px 0}
.film-transcript{margin-top:12px;border-top:1px solid #8aa295;padding-top:4px}
.film-transcript summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;font-weight:600}
.film-transcript p{line-height:1.75}
.film-media video:focus-visible,.film-transcript summary:focus-visible{outline:3px solid #c29a49;outline-offset:4px}
@media(max-width:700px){.film-layout{grid-template-columns:1fr}.film-copy h2 br{display:none}.film-copy h2 br::after{content:" "}.film-copy h2{max-width:16ch}.film-media video{border-radius:10px}}