@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/Fraunces-latin-var-full-roman.woff2') format('woff2');
}
@font-face {
  font-family: 'Fraunces';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/Fraunces-latin-var-full-italic.woff2') format('woff2');
}


@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('./fonts/InstrumentSans-latin-var-roman.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url('./fonts/InstrumentSans-latin-var-italic.woff2') format('woff2');
}


@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('./fonts/JetBrainsMono-latin-var-roman.woff2') format('woff2');
}


@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/Saira-latin-var.woff2') format('woff2');
}


@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/Inter-latin-var-roman.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('./fonts/Inter-latin-var-italic.woff2') format('woff2');
}


:where([data-color-scheme='serras'], .serras) {
  --serras-fraunces-tamed: 'opsz' 48, 'wght' 600, 'SOFT' 0, 'WONK' 0;
}
.serras-display,
.serras-h2 {
  font-family: var(--serras-font-display);
  font-optical-sizing: none;
  font-variation-settings: var(--serras-fraunces-tamed);
  letter-spacing: -0.010em;
}
.serras-h1 {
  font-family: var(--serras-font-display);
  font-optical-sizing: none;
  font-variation-settings: 'opsz' 60, 'wght' 600, 'SOFT' 0, 'WONK' 0;
  letter-spacing: -0.014em;
}


.serras-wordmark {
  font-family: 'Saira', 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 560;
  font-variation-settings: 'wght' 560, 'wdth' 88;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  line-height: 1;
  color: var(--fg-strong, var(--fg-primary));
}


:where([data-color-scheme='serras'], .serras) {
  --serras-font-display-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
[data-color-scheme='serras'][data-display='sans'] .serras-h1,
[data-color-scheme='serras'][data-display='sans'] .serras-h2,
.serras-display-sans .serras-h1,
.serras-display-sans .serras-h2 {
  font-family: var(--serras-font-display-sans);
  font-optical-sizing: auto;
  font-variation-settings: 'opsz' 32;
  font-weight: 600;
}