:root {
  --c-heading: #142C3E;
  --c-body: #24313D;
  --c-accent: #C58F08;
  --c-white: #FFFFFF;
  --c-beige: #FAF8F4;
  --c-navy-cta: #173A52;
  --c-footer: #0D2233;
  --c-footer-legal: #0A1C2A;
  --c-cta: #005CB4;
  --c-cta-hover: #006ECD;
  --c-hover: #2596BE;
  --c-border: #E7E4DE;
  --c-menu-hover: #21445B;
  --c-final-cta-hover-border: #D8DDE1;
  --c-icon-line: #4A5A66;
  --c-hero-dark: #1E2348;
  --c-focus: #222222;
  --c-on-dark: #FFFFFF;
  --c-on-dark-muted: rgba(255, 255, 255, 0.82);

  --font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-h1: 64px;
  --fs-h2: 46px;
  --fs-h3: 32px;
  --fs-h4: 24px;
  --fs-h5: 20px;
  --fs-h6: 16px;
  --fs-lead: 20px;
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-nav: 15px;
  --fs-button: 15px;
  --fs-card-title: 18px;
  --fs-card-desc: 15px;
  --fs-eyebrow: 13px;

  --fw-heading: 600;
  --fw-h6: 700;
  --fw-body: 400;
  --fw-nav: 600;
  --fw-button: 700;
  --fw-card-title: 600;
  --fw-eyebrow: 700;

  --lh-h1: 1.08;
  --lh-h2: 1.15;
  --lh-h3: 1.20;
  --lh-h4: 1.25;
  --lh-h5: 1.35;
  --lh-h6: 1.40;
  --lh-lead: 1.65;
  --lh-body: 1.70;
  --lh-small: 1.65;
  --lh-nav: 1;
  --lh-button: 1;
  --lh-card-title: 1.35;
  --lh-card-desc: 1.60;
  --lh-eyebrow: 1.30;

  --ls-heading: -0.01em;
  --ls-h1-large: -0.02em;
  --ls-body: 0;
  --ls-ui: 0.01em;
  --ls-eyebrow: 0.08em;

  --container-max: 1280px;
  --container-pad: 24px;
  --hero-min-h: 660px;
  --hero-text-max: 600px;
  --hero-content-col: 45%;
  --hero-image-col: 55%;

  --header-h: 80px;
  --logo-w: 160px;
  --nav-gap: 28px;

  --radius-card: 10px;
  --radius-accordion: 10px;
  --radius-dropdown: 8px;
  --radius-btn: 6px;

  --section-py: 96px;
  --section-py-compact: 64px;
  --final-cta-py: 75px;
  --block-gap: 32px;
  --grid-gap: 24px;

  --focus-width: 3px;
  --focus-offset: 3px;

  --t-fast: 150ms;
  --t-base: 200ms;
}

.h1-compact {
  --fs-h1: 52px;
}

@media (max-width: 991.98px) {
  :root {
    --fs-h1: 52px;
    --fs-h2: 40px;
    --fs-h3: 30px;
    --fs-h4: 23px;
    --fs-h5: 20px;
    --section-py: 80px;
    --section-py-compact: 56px;
    --hero-min-h: 660px;
  }

  .h1-compact {
    --fs-h1: 46px;
  }
}

@media (max-width: 767.98px) {
  :root {
    --fs-h1: 40px;
    --fs-h2: 34px;
    --fs-h3: 27px;
    --fs-h4: 22px;
    --fs-h5: 19px;
    --fs-lead: 18px;
    --fs-body: 16px;
    --fs-card-desc: 15px;
    --fs-eyebrow: 12px;
    --section-py: 56px;
    --section-py-compact: 44px;
    --container-pad: 20px;
    --nav-gap: 0px;
  }

  .h1-compact {
    --fs-h1: 38px;
  }
}