.hero-film {
  width: min(100%, 840px);
  margin: clamp(1rem, 3vw, 2rem) auto 0;
}

.hero-film__video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #090b0f;
  border-radius: var(--radius-panel);
}

.hero-film__video:focus-visible {
  outline-offset: 4px;
}