﻿@media (max-width: 980px) {
  .hero-grid,
  .stats,
  .secondary-grid,
  .final-cta,
  .footer-newsletter {
    grid-template-columns: 1fr;
  }

  .band-grid,
  .categories,
  .benefits,
  .stat-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 740px) {
  .hero {
    min-height: 82svh;
    padding: 22px 16px 74px;
  }

  .nav {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav-links {
    justify-content: flex-start;
    gap: 12px 14px;
  }

  .hero-grid {
    padding-top: 38px;
  }

  .hero-notes {
    gap: 8px;
  }

  .hero-note {
    width: 100%;
    justify-content: center;
  }

  .newsletter-controls {
    grid-template-columns: 1fr;
  }

  .newsletter-submit {
    width: 100%;
  }

  .section {
    padding: 72px 16px;
  }

  .band-grid,
  .categories,
  .benefits,
  .stat-list {
    grid-template-columns: 1fr;
  }

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

  .secondary-card img {
    aspect-ratio: 4 / 3;
  }

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