@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --f: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  --canvas: #08090A;
  --canvas-deep: #010102;
  --surface-1: #0F1011;
  --surface-2: #141516;
  --surface-3: #18191A;
  --hairline: #23252A;

  --ink: #F7F8F8;
  --ink-2: #D0D6E0;

  --accent: #5E6AD2;
  --accent-hi: #828FFF;
  --accent-wash: rgba(94, 106, 210, 0.14);

  --hero: clamp(2.75rem, 1.4rem + 4.6vw, 5.25rem);
  --h2: clamp(1.875rem, 1.15rem + 2.4vw, 3.25rem);
  --h3: clamp(1.125rem, 1rem + 0.6vw, 1.4375rem);
  --lead: clamp(0.9375rem, 0.9rem + 0.22vw, 1.0625rem);
  --read: clamp(0.875rem, 0.85rem + 0.14vw, 0.9375rem);
  --small: clamp(0.75rem, 0.74rem + 0.08vw, 0.8125rem);

  --w-display: 590;
  --w-medium: 510;
  --w-body: 400;

  --tr-hero: -0.032em;
  --tr-h2: -0.026em;
  --tr-h3: -0.02em;
  --tr-body: -0.011em;

  --lh-hero: 1.04;
  --lh-h2: 1.08;
  --lh-body: 1.6;

  --gut: clamp(24px, 5vw, 80px);
  --wrap: 1360px;
  --wrap-wide: 1580px;
  --band: clamp(96px, 13vh, 180px);

  --r-lg: 12px;
  --r-xl: 18px;
  --r-2xl: 28px;
  --r-full: 999px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);

  --t1: 200ms;
  --t2: 460ms;
  --t3: 820ms;
  --t4: 1400ms;
}