/* Keep the primary action clear of the event links across common laptop heights. */
.hero { background-image:url("../zhonghua-video-hero-background-logo-v3.png"); }
@media (min-width: 621px) {
  .hero { min-height: 100vh; }
  .content { margin-top: clamp(60px, 7vh, 98px); }
  .content h1 { font-size: clamp(3.3rem, 4.7vw, 5.7rem); }
  .meta { margin-bottom: 25px; }
  .categories { bottom: 24px; }
}

@media (max-width: 620px) {
  .hero { min-height: 820px; background-position: 68% center; }
  .hero-video { object-position: 68% center; }
  .content { margin-top: 76px; }
  .categories { bottom: 18px; }
}