@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .split, .split.reverse { grid-template-columns: 1fr; }
  .process { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  section { padding: 4rem 0; }
  .nav-toggle { display: inline-flex; }
  .nav-list {
    position: absolute;
    inset: 76px 0 auto 0;
    background: #0a1628;
    padding: 1rem;
    flex-direction: column;
    align-items: flex-start;
    transform: translateY(-120%);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

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

  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .process { grid-template-columns: 1fr; }
  .hero { min-height: 72vh; padding-top: 7rem; }
}