.brand-film { background: #101715; color: #f4f5f2; padding-block: 88px; }
.film-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 38px; }
.film-heading .eyebrow { color: #a7edcc; }
.film-heading h2 { font-size: clamp(48px,5.3vw,76px); }
.film-heading > p { max-width: 310px; color: #b5c5bb; font-size: 13px; line-height: 1.7; }
.brand-film video { display: block; width: 100%; aspect-ratio: 16/9; border-radius: 18px; background: #050706; border: 1px solid #34493d; }
.film-caption { display: flex; justify-content: space-between; gap: 20px; margin-top: 16px; font-size: 10px; color: #afc0b6; }
.film-caption > span:first-child { font-family: var(--mono); color: #a7edcc; letter-spacing: .1em; }
@media(max-width:640px) { .brand-film { padding-block: 60px; } .film-heading { display: block; margin-bottom: 26px; } .film-heading > p { margin-top: 22px; font-size: 12px; } .brand-film video { border-radius: 10px; } .film-caption { display: grid; gap: 7px; } }