:root {
  --red: #DE271F;
  --ink: #22252B;
  --white: #FFFFFF;
  --gray-050: #FAFAFA;
  --gray-100: #F8F8F8;
  --gray-150: #F7F7F7;
  --gray-200: #F4F4F4;
  --gray-300: #EAEAEA;
  --gray-400: #B9B9B9;
  --gray-600: #707070;
  --footer: #2F3238;
  --footer-line: #535967;
  --page-gutter: clamp(1.6rem, 3.5vw, 13rem);
  --page-gutter-mobile: 2.3rem;
  --surface-gradient: linear-gradient(90deg, #EAEAEA 0%, #F5F5F5 54%, #FFF 100%);
  --red-gradient: linear-gradient(103deg, #DE271F, #6F1410);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-standard: cubic-bezier(.4, 0, .2, 1);
  --shadow-soft: 0 2rem 8rem rgb(34 37 43 / .16);
  --radius-xs: .75rem;
  --radius-sm: 1.1rem;
  --radius-md: clamp(1.4rem, 1.563vw, 3rem);
  --radius-lg: clamp(2rem, 2.7vw, 5rem);
  --header-offset: clamp(1rem, 1.05vw, 2rem);
  --header-bar-height: clamp(6.8rem, 4.55vw, 8.8rem);
  --header-height: calc((var(--header-offset) * 2) + var(--header-bar-height));
  --sticky-stack-gap: clamp(.8rem, .8vw, 1.4rem);
  --content-max: 192rem;
  --micro: clamp(.72rem, .625vw, 1.2rem);
  --menu: clamp(.9rem, .833vw, 1.6rem);
  --helper: clamp(.96rem, .938vw, 1.8rem);
  --body: clamp(1rem, 1.042vw, 2rem);
  --lead: clamp(1.15rem, 1.25vw, 2.4rem);
  --card-title: clamp(1.35rem, 1.563vw, 3rem);
  --section-label: clamp(1.4rem, 1.667vw, 3.2rem);
  --section-heading: clamp(2.2rem, 2.604vw, 5rem);
  --major-heading: clamp(2.8rem, 3.333vw, 6.4rem);
  --hero: clamp(4.4rem, 3.75vw, 7.2rem);
}

@media (max-width: 768px) {
  :root {
    --page-gutter: var(--page-gutter-mobile);
    --header-offset: 1rem;
    --header-bar-height: 6.4rem;
    --header-height: 8.4rem;
    --sticky-stack-gap: .8rem;
    --micro: 1.2rem;
    --menu: 1.4rem;
    --helper: 1.4rem;
    --body: 1.6rem;
    --lead: 1.8rem;
    --card-title: 2rem;
    --section-label: 2rem;
    --section-heading: 3rem;
    --major-heading: 3.6rem;
    --hero: 5.8rem;
  }
}