@font-face {
  font-family: "Hanken Grotesk";
  src: url("../fonts/hanken-grotesk-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

:root {
  --ink: #080808;
  --ink-3: #141414;
  --bone: #fafafa;
  --silver: #b7b7b7;
  --dim: rgba(250, 250, 250, 0.76);
  --faint: rgba(250, 250, 250, 0.52);
  --rule: rgba(250, 250, 250, 0.14);
  --rule-2: rgba(250, 250, 250, 0.26);
  --ice: #fff;
  --ice-dim: rgba(255, 255, 255, 0.5);
  --sans: "Hanken Grotesk", system-ui, sans-serif;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --gutter: clamp(20px, 4vw, 56px);
}