@media (min-width: 720px) {
  .container { width: min(calc(100% - 4rem), var(--container)); }

  .section { padding: 6rem 0; }

  .section-heading {
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2.7rem;
  }

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

  .resource-card:first-child {
    grid-column: 1 / -1;
  }

  .faq-layout {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr);
    gap: 4rem;
  }

  .question-cta-inner {
    grid-template-columns: 1fr auto;
  }

  .footer-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .mobile-only { display: none; }
  .desktop-only { display: inline-flex; }
}

@media (min-width: 940px) {
  .header-inner { min-height: 88px; }

  .nav-toggle { display: none; }

  .primary-nav {
    position: static;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding: 0;
    background: transparent;
    color: var(--white);
    box-shadow: none;
  }

  .primary-nav a {
    padding: .65rem .8rem;
    font-size: .94rem;
  }

  .primary-nav a:hover {
    background: rgba(255,255,255,.07);
  }

  .primary-nav .nav-cta {
    margin-left: .25rem;
    border: 1px solid rgba(255,255,255,.22);
  }

  .hero {
    padding: 8rem 0 7rem;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    align-items: end;
    gap: 5rem;
  }

  .hero-lede { font-size: 1.15rem; }

  .featured-announcement {
    padding: 2rem;
  }

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

  .resource-card:first-child { grid-column: auto; }

  .resource-card { padding: 1.7rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}