@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: "Syne";
  src: url("../fonts/syne-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}
:root {
  --ink: #080808;
  --ink-3: #141414;
  --bone: #fafafa;
  --silver: #b7b7b7;
  --dim: rgba(250, 250, 250, 0.82);
  --faint: rgba(250, 250, 250, 0.65);
  --rule: rgba(250, 250, 250, 0.16);
  --rule-2: rgba(250, 250, 250, 0.3);
  --ice: #fff;
  --ice-dim: rgba(255, 255, 255, 0.5);
  --sans: "Manrope", system-ui, sans-serif;
  --display: "Syne", "Manrope", system-ui, sans-serif;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --gutter: clamp(20px, 4vw, 56px);
}