.handoff-hero { min-height: clamp(393px, 33.333vw, 533px); }
.handoff-hero .hero-content { padding-block: 32px 20px; }
.handoff-hero h1 { margin-bottom: 20px; }
.handoff-hero .hero-foot { margin-top: 24px; padding-bottom: 0; }
.handoff-hero .hero-film { transition: none; }
.handoff-hero [data-poster-first-toggle][hidden] { display: none; }
.handoff-hero .hero-visual::after {
  background: linear-gradient(90deg, #071322eb 0%, #071322bd 27%, #07132255 48%, transparent 68%);
}
html[data-theme="light"] .handoff-hero .hero-visual::after {
  background: linear-gradient(90deg, #f2f6fc 0 38%, #f2f6fcce 48%, #f2f6fc55 61%, transparent 72%);
}
html[data-theme="light"] .handoff-hero h1 { color: #10243c; }
html[data-theme="light"] .handoff-hero .hero-copy { color: #263c57; }

@media (min-width: 761px) {
  .handoff-hero .hero-content { padding-top: clamp(54px, 6.667vw, 106px); }
  .handoff-hero h1 { max-width: 45%; }
  .handoff-hero .hero-copy { max-width: min(42%, 490px); }
}

@media (max-width: 760px) {
  .handoff-hero { min-height: clamp(427px, 103.333vw, 520px); }
  .handoff-hero .hero-visual::after {
    background: linear-gradient(180deg, #06101cee 0%, #06101cdb 56%, #06101c70 69%, transparent 85%);
  }
  html[data-theme="light"] .handoff-hero .hero-visual::after {
    background: linear-gradient(180deg, #f2f6fc 0%, #f2f6fce8 56%, #f2f6fc70 69%, transparent 85%);
  }
}