@media (max-width: 980px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-panel .panel-glass,
  .aside-card {
    position: relative;
    top: 0;
  }

  .two-col,
  .mission,
  .contact {
    grid-template-columns: 1fr;
  }

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

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

  .contact-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  :root {
    --header-h: 66px;
  }

  .site-nav {
    position: fixed;
    top: calc(var(--header-h) + 10px);
    left: 20px;
    right: 20px;
    border-radius: 18px;
    padding: 10px;
    background: rgba(6, 10, 20, 0.84);
    border: 1px solid rgba(160, 190, 255, 0.18);
    backdrop-filter: blur(18px);
    display: grid;
    gap: 8px;
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms var(--ease), transform 160ms var(--ease);
  }

  .site-nav.is-open {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: auto;
  }

  .nav-toggle {
    display: inline-flex;
  }

  .nav-link {
    justify-content: center;
  }

  .feature-grid {
    grid-template-columns: 1fr;
  }

  .mission-metrics {
    grid-template-columns: 1fr;
  }

  .staff-grid {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 420px) {
  .container {
    width: min(var(--container), calc(100% - 28px));
  }

  .hero-cta {
    flex-direction: column;
    align-items: stretch;
  }
}