/* ==========================================================================
   Responsive CSS
   Shared responsive tokens and global layout adjustments only.
   ========================================================================== */

@media (max-width: 1199px) {
  :root {
    --section-space: 6rem;
  }
}

@media (max-width: 767px) {
  :root {
    --container-gutter: 1.25rem;
    --section-space: 4.5rem;
  }
}

@media (max-width: 479px) {
  :root {
    --container-gutter: 1rem;
    --section-space: 4rem;
  }
}