/* Film hero — black, about a screen tall at 1920; the film sits in a 1200px column and is desaturated. */
.arc-film { background: var(--arc-black); color: var(--arc-white); padding: 120px 0 clamp(80px, 10vw, 192px); }
.arc-film--empty { padding-bottom: 48px; }
.arc-film__inner { max-width: calc(1200px + 2 * var(--arc-gutter)); margin: 0 auto; padding: 0 var(--arc-gutter); }
.arc-film__title { margin: 0 0 36px; font-family: var(--arc-font-sans); font-weight: 400; font-size: 12px; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .82); }
.arc-film--empty .arc-film__title { margin-bottom: 0; }
.arc-film__label { margin: 0 0 32px; font-family: var(--arc-font-sans); font-size: 12px; line-height: 1.2; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.arc-film__frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--arc-ink); }
.arc-film__video { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); }

@media (max-width: 767.98px) {
  .arc-film { padding-top: 112px; }
  .arc-film__title { margin-bottom: 28px; }
}