@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-hamburger { display: flex; flex-direction: column; gap: 5px; cursor: pointer; }
  .mobile-menu.open { display: flex; position: fixed; top: var(--header-h); left: 0; right: 0; background: rgba(4,6,26,0.97); backdrop-filter: blur(20px); padding: 20px; z-index: 99; flex-direction: column; gap: 10px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .cinematic { flex-direction: column; }
  .hero-stats { gap: 28px; }
  .theatre-card { width: 75vw; }
}
@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
}