@media (min-width: 640px) {
  .hero-actions,
  .cta-actions,
  .newsletter-form__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-shell,
  .feature-grid,
  .resource-grid,
  .testimonial-grid,
  .resource-category-grid,
  .article-grid,
  .process-grid,
  .topics-grid,
  .contact-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .footer-grid {
    grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .brand__tag {
    display: block;
  }

  .newsletter-grid,
  .cta-grid,
  .story-layout,
  .contact-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .metric-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 960px) {
  body.menu-open {
    overflow: auto;
  }

  .nav-toggle {
    display: none;
  }

  .nav-shell {
    padding-inline: 1.2rem;
  }

  .nav-menu {
    position: static;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    flex: 1;
  }

  .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin-inline: auto;
  }

  .nav-actions {
    display: flex;
    align-items: center;
    gap: 0.8rem;
  }

  .header-cta {
    width: auto;
  }

  .hero-grid,
  .page-hero__grid {
    grid-template-columns: 1.05fr 0.95fr;
  }

  .hero-visual {
    min-height: 100%;
  }

  .hero-spotlight--top {
    position: absolute;
    top: 0.5rem;
    left: -1rem;
  }

  .hero-spotlight--bottom {
    position: absolute;
    right: -1rem;
    bottom: 0.75rem;
  }

  .stats-shell {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .feature-grid,
  .resource-grid,
  .testimonial-grid,
  .article-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .advantage-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .process-grid,
  .topics-grid,
  .resource-category-grid,
  .contact-points {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .story-layout,
  .contact-layout {
    grid-template-columns: 1fr 1.05fr;
  }
}

@media (min-width: 1200px) {
  .hero-shell,
  .page-hero__shell,
  .cta-panel,
  .newsletter-panel {
    border-radius: 2.25rem;
  }

  .section-header {
    margin-bottom: 3.5rem;
  }
}