@font-face{
  font-family:Space Grotesk;
  src:url('../fonts/space-grotesk-latin.woff2') format('woff2');
  font-weight:300 700;
  font-display:swap
}
@font-face{
  font-family:Space Grotesk;
  src:url('../fonts/space-grotesk-latin-ext.woff2') format('woff2');
  font-weight:300 700;
  font-display:swap;
  unicode-range:U+0100-02FF,U+1E00-1EFF
}
@font-face{
  font-family:Inter;
  src:url('../fonts/inter-latin.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap
}
@font-face{
  font-family:Inter;
  src:url('../fonts/inter-latin-ext.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap;
  unicode-range:U+0100-02FF,U+1E00-1EFF
}
:root{
  --black:#0b0b0d;
  --dark:#151518;
  --surface-raised:#202025;
  --white:#fff;
  --off-white:#f5f3ee;
  --red:#d92d3a;
  --red-hover:#be2230;
  --red-text:#ff5964;
  --orange:#ff8a3d;
  --muted:#a6a6ad;
  --border:#3b3b43;
  --control-border:#777780;
  --font-display:'Space Grotesk',Arial,sans-serif;
  --font-body:Inter,Arial,sans-serif;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px;
  --space-32:128px;
  --radius-sm:4px;
  --radius-md:8px;
  --container:1320px;
  --gutter:24px;
  --section-space:72px;
  --header-height:76px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --transition:200ms var(--ease)
}
@media(min-width:768px){
  :root{
    --gutter:40px;
    --section-space:104px
  }
}
@media(min-width:1200px){
  :root{
    --gutter:60px;
    --section-space:112px;
    --header-height:88px
  }
}