/* Scoped to the three approved October 2026 films. */
.approved-film { margin: 2rem 0; padding: clamp(20px, 4vw, 40px); border: 1px solid #d8ded4; border-radius: 16px; background: #f5f6ef; color: #19251d; scroll-margin-top: 110px; }
.approved-film__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 320px); align-items: center; gap: clamp(24px, 5vw, 64px); }
.approved-film .approved-film__eyebrow { font: 600 12px/1.5 sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.approved-film h2, .approved-film h3 { margin: .5rem 0 1rem; font-size: clamp(24px, 3vw, 38px); line-height: 1.12; letter-spacing: -.025em; }
.approved-film p { line-height: 1.6; }
.approved-film video { display: block; width: 100%; max-width: 320px; height: auto; aspect-ratio: 9 / 16; margin-inline: auto; background: #101510; border-radius: 10px; }
.approved-film details { margin-top: 1.25rem; }
.approved-film summary { cursor: pointer; text-decoration: underline; text-underline-offset: 4px; line-height: 1.6; }
.approved-film summary:focus-visible, .approved-film video:focus-visible { outline: 3px solid #386b35; outline-offset: 5px; }
.approved-film details p { font-size: 15px; }
.approved-film--case { grid-column: 1 / -1; margin: 0; }
@media (max-width: 600px) { .approved-film__layout { grid-template-columns: minmax(0, 1fr); } }
@media print { .approved-film { display: none; } }