/* ============================================================
   ACS RESPONSIVE — Global breakpoint overrides
   ============================================================ */

/* All component-level responsive rules live in their own files.
   This file handles global overrides only. */

@media (max-width: 1200px) {
  :root {
    --container-pad: 40px;
    --text-4xl: 52px;
    --text-5xl: 64px;
  }
}

@media (max-width: 1024px) {
  :root {
    --container-pad: 32px;
    --text-4xl: 46px;
    --text-3xl: 36px;
  }
}

@media (max-width: 768px) {
  :root {
    --container-pad: var(--container-pad-mobile);
    --text-4xl: 36px;
    --text-3xl: 28px;
    --text-2xl: 24px;
    --space-xl: 48px;
    --space-2xl: 64px;
    --space-3xl: 80px;
  }
  .band {
    padding-block: 48px;
  }

  .container {
    padding-left: max(var(--container-pad-mobile), env(safe-area-inset-left, 0px));
    padding-right: max(var(--container-pad-mobile), env(safe-area-inset-right, 0px));
  }

  .cta-band {
    padding-block: var(--space-xl);
  }

  .btn {
    min-height: 48px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  :root {
    --text-4xl: 30px;
    --text-3xl: 24px;
  }

  .band {
    padding-block: 40px;
  }
}