@font-face {
  font-family: Manrope;
  src: url('../fonts/manrope-variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('../fonts/inter-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root .homepage h1,
:root .homepage h2,
:root .homepage h3,
:root .homepage h4 {
  font-family: Manrope, Inter, sans-serif;
  font-weight: 650;
  letter-spacing: -.035em;
}
:root .homepage .hero h1 {
  font-weight: 700;
  letter-spacing: -.045em;
}
/* Keep the established wordmark separate from content typography. */
:root .brand {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Official site typography: expressive headings and readable interface text. */
body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Manrope, Inter, sans-serif;
}