:root {
    --cobalt: #1729A3;
  --orange: #F15A29;
  --ivory: #F6F3EC;
  --black: #141414;

    --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

    --text-small: 0.875rem;
  --text-eyebrow: 0.8125rem;
  --text-body: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --text-h3: clamp(1.375rem, 1.3rem + 0.35vw, 1.5625rem);
  --text-descriptor: clamp(1.375rem, 1.2rem + 0.8vw, 1.875rem);
  --text-h2: clamp(1.875rem, 1.5rem + 1.6vw, 3rem);
  --text-slide: clamp(2.25rem, 1.6rem + 2.9vw, 4.5rem);

    --gutter: clamp(1rem, 4vw, 3.5rem);
  --section-y: clamp(3.5rem, 6vw, 6rem);
  --max-width: 1500px;
  --header-height: 4.5rem;
  --hero-controls-height: 4rem;
  --bp-stack: 860px; 
  --ease: cubic-bezier(0.22, 0.7, 0.2, 1);
}