/* Self-hosted in place of the design's Google Fonts link: the CSP allows only this origin. */
@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("/assets/fonts/inter-latin-700-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("/assets/fonts/libre-baskerville-latin-400-normal.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("/assets/fonts/libre-baskerville-latin-400-italic.woff2")
    format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("/assets/fonts/libre-baskerville-latin-700-normal.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono-latin-400-normal.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono-latin-500-normal.woff2")
    format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

html {
  background: #fbf8f2;
  scroll-behavior: smooth;
  /* Clears the sticky header when an in-page link (Request access, See how it works) jumps. */
  scroll-padding-top: 72px;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.site-fallback {
  max-width: 640px;
  margin: 0 auto;
  padding: 64px 20px;
  color: #1d1f1b;
  font: 17px/1.6 Inter, system-ui, sans-serif;
}
.site-fallback h1 {
  font: 700 32px/1.2 "Libre Baskerville", Georgia, serif;
}
.site-fallback form {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}
.site-fallback input[type="email"] {
  font: inherit;
  padding: 12px 14px;
  border: 1.5px solid #d9d3c8;
  border-radius: 12px;
}
.site-fallback button {
  font: inherit;
  font-weight: 600;
  justify-self: start;
  color: #fff;
  background: #3f7d58;
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
}
.site-fallback .trap {
  position: absolute;
  left: -9999px;
}