@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Recursive:CASL,CRSV,MONO,slnt,wght@0,0,0,0,300..1000;0,0,1,0,300..1000&display=swap");

@font-face {
  font-family: "Geist Variable";
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/geist:vf@5.3.0/latin-wght-normal.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

.font-recursive {
  --body: "Recursive", sans-serif;
}

.font-recursive .convergence-hero h1 {
  font-weight: 610;
  letter-spacing: -0.055em;
  font-variation-settings: "MONO" 0, "CASL" 0, "slnt" 0, "CRSV" 0;
}

.font-recursive .signal-wordmark {
  font-weight: 650;
  letter-spacing: -3px;
  font-variation-settings: "MONO" 1, "CASL" 0, "slnt" 0, "CRSV" 0;
}

.font-plex {
  --body: "IBM Plex Sans", sans-serif;
}

.font-plex .convergence-hero h1 {
  font-weight: 500;
  letter-spacing: -0.045em;
}

.font-plex .signal-wordmark {
  font-weight: 600;
  letter-spacing: -3.5px;
}

.font-plex .status,
.font-plex footer {
  letter-spacing: 0.02em;
}

.font-geist {
  --body: "Geist Variable", sans-serif;
}

.font-geist .convergence-hero h1 {
  font-weight: 620;
  letter-spacing: -0.062em;
}

.font-geist .signal-wordmark {
  font-weight: 640;
  letter-spacing: -4px;
}

@media (max-width: 720px) {
  .font-recursive .convergence-hero h1 {
    font-size: clamp(3rem, 13.6vw, 5.5rem);
  }
}