@media (max-width: 1240px) {
  .main-nav,
  .nav-actions .nav-link,
  .nav-actions .btn-secondary {
    display: none;
  }

  .mobile-toggle {
    display: inline-grid;
  }

  .split,
  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
  }

  .mega-menu {
    inset: var(--header-height) 12px auto 12px;
    width: auto;
    transform: translateY(-8px);
  }

  .mega-menu.is-open {
    transform: translateY(0);
  }

  .mega-grid {
    grid-template-columns: 1fr;
    max-height: calc(100dvh - 100px);
    overflow: auto;
  }
}

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

  .site-section {
    padding: 76px 0;
  }

  .site-section.compact {
    padding: 54px 0;
  }

  .section-title {
    font-size: clamp(34px, 11vw, 54px);
  }

  .cluster {
    align-items: stretch;
  }

  .cluster .btn {
    flex: 1 1 auto;
  }

  .modal-backdrop.is-open {
    align-items: end;
  }

  .modal {
    width: 100%;
    max-height: 92dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }
}