@media (max-width: 992px) {
  .grid-antigua-3,
  .grid-antigua-4,
  .token-grid,
  .brand-assets-grid,
  .brand-application-grid,
  .brand-application-grid-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-hero-grid,
  .brand-showcase,
  .home-hero-grid,
  .split-section,
  .editorial-grid,
  .form-band,
  .contact-grid {
    grid-template-columns: 1fr;
  }

  .site-footer .antigua-container {
    grid-template-columns: 1fr;
  }

  .legal-layout {
    grid-template-columns: 1fr;
  }

  .legal-note {
    position: static;
  }

  .quick-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1199.98px) {
  .antigua-navbar .antigua-container {
    flex-wrap: wrap;
  }

  .antigua-navbar .navbar-collapse {
    background: rgba(243, 237, 228, 0.98);
    border-top: 1px solid var(--color-border);
    flex-basis: 100%;
    margin-top: var(--space-3);
    padding: var(--space-3) 0 var(--space-4);
  }

  .antigua-navbar .navbar-nav {
    align-items: stretch;
    gap: var(--space-2);
  }

  .antigua-navbar .nav-link,
  .antigua-navbar .btn {
    display: block;
    text-align: left;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .antigua-navbar .navbar-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .antigua-navbar .nav-link,
  .antigua-navbar .btn {
    min-height: 44px;
    text-align: center;
  }

  .antigua-brand img {
    max-height: 44px;
    max-width: min(230px, 68vw);
  }

  .navbar-toggler {
    margin-left: auto;
  }

  .section-antigua,
  .page-hero,
  .home-hero {
    padding: var(--space-7) var(--space-3);
  }

  .home-hero {
    min-height: auto;
  }

  .grid-antigua-3,
  .grid-antigua-4,
  .token-grid,
  .brand-assets-grid,
  .brand-application-grid,
  .brand-application-grid-wide {
    grid-template-columns: 1fr;
  }

  .card-antigua-event {
    grid-template-columns: 1fr;
  }

  .quick-info-grid {
    grid-template-columns: 1fr;
  }

  .quick-info article {
    border-left: 0;
    border-top: 1px solid rgba(243, 237, 228, 0.28);
    padding-left: 0;
    padding-top: var(--space-3);
  }

  .hero-actions .btn,
  .button-row .btn {
    width: 100%;
  }

  h1 {
    font-size: 2.35rem;
  }

  h2 {
    font-size: 1.85rem;
  }
}