/* ============================================================
   RestartME, Responsive (mobile-first overrides)
   Breakpoints: 1024 (lg) · 768 (md) · 560 (sm)
   ============================================================ */

@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .split--editorial, .split--narrow-left { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  /* Nav → drawer */
  .nav, .header-socials { display: none; }
  .nav-toggle { display: block; }

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

  .footer-grid { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  blockquote { font-size: var(--text-lg); }
  .brand img { height: 36px; }
}

@media (max-width: 560px) {
  :root { --gutter: 1.25rem; }
  .btn { width: 100%; }
  .cluster .btn { width: auto; }
  .stat__num { font-size: var(--text-2xl); }
}

/* Honor notches / safe areas */
@supports (padding: max(0px)) {
  .site-footer { padding-bottom: max(var(--space-xl), env(safe-area-inset-bottom)); }
}