/* ── Responsive Breakpoints ──────────────────────────────────────── */

@media (max-width: 1000px) {
  .about-grid               { grid-template-columns: 1fr; }
  .food-layout, .sport-layout { grid-template-columns: 1fr; gap: 3rem; }
  .visit-grid               { grid-template-columns: 1fr; }
  .footer-top               { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .hero-strip               { display: none; }
}

@media (max-width: 640px) {
  nav { padding: 1rem 1.25rem; }
  .nav-links { display: none; }

  .events-section,
  .food-section,
  .sport-section,
  .visit-section,
  .about-content,
  .footer-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .about-content  { padding: 2.5rem 1.5rem; }
  .footer-top     { grid-template-columns: 1fr; }
  .screen-grid    { grid-template-columns: 1fr; }
  .screen-card:first-child { grid-column: 1; }
}