/* Full viewport arrival, explicitly requested 29 October 2026. */
.hero {
  height: 100vh;
  height: 100svh;
  min-height: 0;
  max-height: none;
}
.hero video,
.hero .cover {
  object-fit: cover !important;
  object-position: center !important;
}
@supports (height: 100dvh) {
  .hero { height: 100dvh; }
}
@media (max-height: 650px) and (min-width: 761px) {
  .hero-copy { top: 110px; }
  .hero-copy h1 { font-size: clamp(36px, 9vh, 64px); margin: 12px 0; }
  .hero-copy h1 + p { font-size: 12px; line-height: 1.4; margin-bottom: 12px; }
  .hero-copy .solid { padding: 11px 20px; }
  #sceneLabel.scene-caption { bottom: 85px; font-size: 25px; }
}
@media (max-width: 760px) and (max-height: 720px) {
  .hero-copy { top: 100px; }
  .hero-copy h1 { font-size: 44px; margin: 12px 0; }
  .hero-copy h1 + p { font-size: 12px; line-height: 1.4; margin-bottom: 12px; }
  .hero-copy .solid { padding: 11px 18px; }
  #sceneLabel.scene-caption { font-size: 20px; bottom: 100px; }
}