.film-section { padding: clamp(80px, 9vw, 130px) 0; background: #eef3f6; }
.film-heading { display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: clamp(40px, 9vw, 130px); margin-bottom: 48px; }
.film-heading > p { margin: 0 0 6px; color: var(--muted); font-size: 18px; }
.film-frame { padding: 12px; background: #061426; box-shadow: 0 30px 70px rgba(7, 28, 51, .2); }
.film-frame video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #061426; }
.film-meta { display: flex; justify-content: space-between; padding: 13px 4px 2px; color: #9eb0c1; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.film-meta a { color: #70cdf2; text-underline-offset: 4px; }
@media (max-width: 760px) { .film-heading { grid-template-columns: 1fr; gap: 24px; } .film-heading > p { font-size: 16px; } .film-frame { padding: 6px; } }