@charset "UTF-8";

@media (max-width: 960px) {
  .hero-grid,
  .intro-grid,
  .access-grid,
  .contact-panel {
    grid-template-columns: 1fr;
  }

  .menu-card-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .container {
    width: min(100% - 24px, 1120px);
  }

  .header-inner,
  .footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-nav {
    gap: 10px;
  }

  .site-nav a {
    padding: 8px 12px;
  }

  .hero-copy,
  .intro-copy,
  .access-copy,
  .contact-form,
  .contact-panel {
    padding: 18px;
  }

  .hero {
    padding-top: 24px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .button-primary,
  .button-secondary {
    width: 100%;
  }

  .menu-card-wrapper {
    grid-template-columns: 1fr;
  }

  .google-map iframe {
    min-height: 320px;
  }
}