@font-face {
  font-family: "Bricolage Grotesque";
  src: url("../fonts/bricolage-grotesque-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --ink: #171310;
  --carbon: #29231f;
  --night: #0e0c0b;
  --paper: #f5efe6;
  --paper-deep: #e9dece;
  --white: #fffdf9;
  --orange: #ef4f2f;
  --sun: #f5b91f;
  --teal: #14786f;
  --red: #952d38;
  --blue-stage: #303b82;
  --muted-ink: rgb(23 19 16 / 68%);
  --muted-paper: rgb(245 239 230 / 68%);
  --surface-paper: var(--paper);
  --surface-white: var(--white);
  --surface-dark: var(--night);
  --surface-warm: var(--paper-deep);
  --surface-stage: #211b18;
  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --step--1: clamp(.76rem, .74rem + .08vw, .84rem);
  --step-0: clamp(.98rem, .95rem + .14vw, 1.08rem);
  --step-1: clamp(1.12rem, 1.04rem + .32vw, 1.34rem);
  --step-2: clamp(1.38rem, 1.2rem + .7vw, 1.9rem);
  --step-3: clamp(1.85rem, 1.48rem + 1.5vw, 2.9rem);
  --step-4: clamp(2.55rem, 1.95rem + 2.55vw, 4rem);
  --step-5: clamp(3.6rem, 2.45rem + 4.8vw, 6.4rem);
  --space-1: .5rem;
  --space-2: .75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: clamp(2.8rem, 2.2rem + 2.2vw, 4.4rem);
  --space-7: clamp(4.5rem, 3.4rem + 4vw, 7rem);
  --shell: 1180px;
  --shell-wide: 1400px;
  --edge: clamp(1rem, .45rem + 2.7vw, 2.75rem);
  --line: 1.5px solid var(--ink);
  --line-light: 1px solid rgb(23 19 16 / 16%);
  --line-stage: 1px solid rgb(245 239 230 / 18%);
  --radius-sm: 12px;
  --radius-md: 22px;
  --radius-lg: 36px;
  --radius-pill: 999px;
  --shadow-card: 0 18px 50px rgb(23 19 16 / 12%);
  --shadow-stage: 0 30px 90px rgb(0 0 0 / 32%);
  --shadow-soft: 0 22px 64px rgb(23 19 16 / 10%);
  --header-height: 76px;
  --ease-stage: cubic-bezier(.2, .75, .2, 1);
}