/* Keep mobile hero content compact without changing the site's arrow controls. */
@media (max-width: 700px) {
  .hero { min-height: max(820px, 100svh); }
  .heroStats { bottom: 140px; }
  .heroSlideControls { bottom: 55px; }
}

@media (max-width: 380px) {
  .heroStats { bottom: 125px; }
}