:root {
  --color-ink: #292c30;
  --color-navy: #09355a;
  --color-navy-soft: #145c68;
  --color-green: #7bb6ad;
  --color-mint: #b9ddd6;
  --color-paper: #ffffff;
  --color-paper-soft: #f4f8f7;
  --color-sky-paper: #eaf3f7;
  --color-white: #ffffff;
  --color-red: #d62945;
  --color-red-deep: #a8243b;
  --color-muted: #5c6f77;
  --color-shadow-hero: rgba(9, 53, 90, .3);
  --color-rule: #cbd3d6;
  --color-rule-dark: rgba(255, 255, 255, .24);
  --color-white-soft: rgba(255, 255, 255, .82);
  --color-white-faint: rgba(255, 255, 255, .13);
  --color-white-muted: rgba(255, 255, 255, .72);
  --color-white-border: rgba(255, 255, 255, .6);
  --color-nav-border: rgba(255, 255, 255, .2);
  --color-map-ring: rgba(9, 53, 90, .45);
  --color-nav-shadow: rgba(9, 53, 90, .2);
  --color-focus: #09355a;
  --color-focus-dark: #b9ddd4;
  --hero-shade-left: rgba(9, 53, 90, .55);
  --hero-shade-mid: rgba(9, 53, 90, .12);
  --gradient-deep-brand: linear-gradient(112deg, #09355a 0%, #145c68 100%);
  --gradient-action: linear-gradient(110deg, #09355a 0%, #7bb6ad 100%);
  --font-sans: 'Manrope', sans-serif;
  --weight-light: 300;
  --weight-semibold: 600;
  --type-meta: 0.875rem;
  --type-body: 1rem;
  --type-lead: 1.1875rem;
  --type-step-title: 1.375rem;
  --type-promo-title: 1.625rem;
  --type-service-title: clamp(1.5rem, 2.4vw, 2.125rem);
  --type-section: clamp(2.5rem, 4.4vw, 3.75rem);
  --type-reach: clamp(2.375rem, 4.2vw, 3.5rem);
  --type-hero: clamp(2.5rem, 5.1vw, 4.375rem);
  --type-map-label: 0.8125rem;
  --type-mobile-hero: clamp(1.875rem, 9.5vw, 3.25rem);
  --type-mobile-section: clamp(2.25rem, 9vw, 3rem);
  --type-mobile-reach: clamp(2.25rem, 9vw, 2.625rem);
  --content-width: 1320px;
  --gutter: clamp(24px, 7.6vw, 112px);
}
