@font-face {
  font-family: "Cinchie Lettering";
  src: url("/assets/CinchieLettering-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/assets/BricolageGrotesque-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("/assets/DMSans-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}
:root {
  --pine: #203c34;
  --oat: #f6f3ea;
  --citron: #d8ed83;
  --lilac: #ccbdf4;
  --moss: #51645b;
  --fog: #d3d9cf;
  --paper: #fff;
  --error: #973c36;
  --font-display: "Bricolage Grotesque", Arial, sans-serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-tagline: "Cinchie Lettering", Arial, sans-serif;
  --tagline-weight: 300;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --gutter: 1.25rem;
  --max-width: 75rem;
  --measure: 65ch;
  --radius-control: .75rem;
  --radius-card: 1.5rem;
  --control-height: 3.5rem;
  --target-min: 2.75rem;
  --focus-width: 3px;
  --focus-offset: 3px;
  --motion-duration: 160ms;
  --motion-easing: ease-out;
  --display-size: clamp(2.75rem, 7.25vw, 6.5rem);
  --display-leading: 1.02;
  --display-tracking: -.035em;
  --logo-header-width: 11.25rem;
  --logo-header-clear: 7.4px;
  --logo-symbol-width: 48px;
  --logo-symbol-clear: 6.667px;
  --logo-clear-ratio: 4.1071274%;
  --tagline-arc-degrees: 24;
  --brand-pair-gap: clamp(2px, .5cqi, 6px);
}
@media (min-width: 48rem) { :root { --gutter: 3rem; } }
@media (prefers-reduced-motion: reduce) { :root { --motion-duration: 0ms; } }