@media (max-width: 980px) {
  .nav-desktop,
  .btn-header { display: none; }

  .header-mobile { display: flex; align-items: center; }

  .cards-4,
  .split,
  .stats,
  .steps,
  .gallery-grid,
  .footer-grid,
  .video-grid {
    grid-template-columns: 1fr;
  }

  .hero { min-height: 88vh; }

  .media-slot { min-height: 280px; }
  .media-video { min-height: 0; }
}

@media (min-width: 981px) {
  .nav-mobile { display: none !important; }
}