@font-face { font-family: "DM Sans"; src: url("../assets/fonts/dm-sans-latin.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: optional; }
@font-face { font-family: "DM Sans"; src: url("../assets/fonts/dm-sans-latin-ext.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: optional; unicode-range: U+0100-02FF, U+1E00-1EFF, U+20A0-20AB; }
@font-face { font-family: "Montserrat"; src: url("../assets/fonts/montserrat-latin.woff2") format("woff2"); font-style: normal; font-weight: 500 700; font-display: optional; }
@font-face { font-family: "Montserrat"; src: url("../assets/fonts/montserrat-latin-ext.woff2") format("woff2"); font-style: normal; font-weight: 500 700; font-display: optional; unicode-range: U+0100-02FF, U+1E00-1EFF, U+20A0-20AB; }
@font-face { font-family: "Space Grotesk"; src: url("../assets/fonts/space-grotesk-latin.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: optional; }
@font-face { font-family: "Space Grotesk"; src: url("../assets/fonts/space-grotesk-latin-ext.woff2") format("woff2"); font-style: normal; font-weight: 400 600; font-display: optional; unicode-range: U+0100-02FF, U+1E00-1EFF, U+20A0-20AB; }

:root {
  --black: #080808;
  --paper: #f7f7f3;
  --acid: #c6ff00;
  --line-light: rgba(8, 8, 8, 0.18);
  --line-dark: rgba(247, 247, 243, 0.2);
  --control-line-light: rgba(8, 8, 8, 0.58);
  --control-line-dark: rgba(247, 247, 243, 0.58);
  --ink-muted: rgba(8, 8, 8, 0.62);
  --paper-muted: rgba(247, 247, 243, 0.64);
  --font-display: "Space Grotesk", Arial, sans-serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --font-logo: "Montserrat", Arial, sans-serif;
  --gutter: max(4vw, calc((100vw - 1480px) / 2));
  --section-space: clamp(6rem, 10vw, 11rem);
  --ease: cubic-bezier(.2, .75, .25, 1);
}