/* ==========================================================================
   RESPONSIVE OVERRIDES (global, cross-cutting)
   ========================================================================== */

@media (max-width: 1280px) {
  :root { --container-pad: 20px; }
}

@media (max-width: 1024px) {
  :root { --space-9: 64px; --space-10: 80px; }
}

@media (max-width: 768px) {
  :root { --space-8: 56px; --space-9: 48px; --space-10: 64px; --header-height: 76px; --header-height-scrolled: 64px; }
  .section-heading { max-width: 100%; }
}

@media (max-width: 480px) {
  :root { --container-pad: 16px; }
  .btn { width: 100%; }
  .hero-cta .btn { width: auto; }
  .hero-cta { width: 100%; }
}

/* prevent any accidental horizontal overflow */
html, body { max-width: 100%; overflow-x: hidden; }