/* ===== RESPONSIVE / MEDIA QUERIES ===== */

@media (max-width: 1024px) {
  #intro { grid-template-columns: 1fr; padding: 5rem 2rem; }
  .intro-image-stack { height: 400px; }
  .parks-grid { grid-template-columns: 1fr 1fr; }
  .park-card:first-child { grid-row: auto; }
  .cities-intro { grid-template-columns: 1fr; }
  .cities-grid { grid-template-columns: 1fr 1fr; }
  .culture-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .culture-tile:first-child { grid-row: auto; }
  .culture-features { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  nav { padding: 1rem 1.5rem; }
  nav.scrolled { padding: 0.8rem 1.5rem; }
  .nav-links { display: none; }
  .hamburger { display: flex; }
  section { padding: 5rem 1.5rem; }
  #intro { padding: 5rem 1.5rem; }
  .parks-grid { grid-template-columns: 1fr; }
  .cities-grid { grid-template-columns: 1fr 1fr; }
  .city-card.featured { grid-column: span 2; }
  .culture-mosaic { grid-template-columns: 1fr; }
  .culture-features { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .gallery-item.wide { grid-column: span 2; }
  .gallery-item.tall { grid-row: auto; aspect-ratio: 1; }
  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  #music-player { bottom: 1rem; right: 1rem; min-width: 200px; }
  .modal-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .hero-title { font-size: 2.5rem; }
  .cities-grid { grid-template-columns: 1fr; }
  .city-card.featured { grid-column: span 1; }
  .culture-features { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-item.wide { grid-column: span 1; aspect-ratio: 1; }
  .modal-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
}