:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-ibm-plex-mono: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-instrument-serif: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-inter-tight: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-manrope: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-sora: "Inter", ui-sans-serif, system-ui, sans-serif;
}
body { font-family: "Inter", ui-sans-serif, system-ui, sans-serif; }
.font-instrument-serif { font-style: normal; font-weight: 500; }
/* Small additions to the template. The template CSS is compiled, so new utility classes do not exist. */
.site-wordmark {
  color: rgb(255 255 255 / 0.9);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.header-one .site-wordmark { padding-left: 10px; }
.footer-title.site-footer-title {
  font-size: clamp(26px, 6.4vw, 92px);
  letter-spacing: 0.04em;
  line-height: 1.2;
  padding-left: 0;
}
/* Keeps the button arrow in place when the button text is centred. */
a .relative.flex.size-6.overflow-hidden { text-align: left; }