/* ============================================
   PAGE-SPECIFIC CSS - about-us.html
   ============================================ */

/* Play cursor moved to shared.css as .cursor-play */

/* --- Desktop: Content overlay margin & hero image --- */
@media (min-width: 1025px) {
  #content-overlay { margin-top: -100vh; }
  .hero-desktop-image { display: block !important; }
}

/* --- Mobile: Hide hero desktop image, adjust video caption --- */
@media (max-width: 1024px) {
  .hero-desktop-image { display: none !important; }
  #video-caption {
    bottom: 1.5rem !important;
    left: 1.5rem !important;
    right: 1.5rem !important;
  }
}