/* The homepage faces, declared once for both pages. */
@font-face {
  font-family: "Cinzel Decorative";
  src: url(/homepage/cinzel-decorative-bold.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url(/homepage/cormorant-garamond-medium.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/homepage/plus-jakarta-sans-regular.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url(/homepage/plus-jakarta-sans-extrabold.woff2) format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

/* Shared reading styles: match the How It Works body copy everywhere. */
body {
  font-family: var(--lorbo-body);
}
.parchment-section .parchment-intro,
.parchment-points p,
.reader-preview .reader-dek,
.reader-preview .reader-process p,
.alpha-access .alpha-lead,
.alpha-access .alpha-promise-intro,
.alpha-access .alpha-promises,
.alpha-access .alpha-privacy,
.alpha-access .alpha-adult {
  font: 400 var(--lorbo-body-size) / var(--lorbo-body-leading) var(--lorbo-body);
}
.parchment-points h3,
.reader-preview .reader-process h3 {
  font: 700 var(--lorbo-body-size) / 1.35 var(--lorbo-body);
  margin-bottom: 6px;
}
.alpha-access .alpha-field label,
.alpha-access .alpha-device legend {
  font: 650 var(--lorbo-body-size) / 1.4 var(--lorbo-body);
}
.alpha-access .alpha-field input,
.alpha-access .alpha-device-options span {
  font-family: var(--lorbo-body);
  font-size: var(--lorbo-body-size);
}
.alpha-access .alpha-timing,
.alpha-access .alpha-expectations,
.alpha-access .alpha-field-error,
.alpha-access .alpha-status {
  font-family: var(--lorbo-body);
  font-size: var(--lorbo-note-size);
  line-height: 1.65;
}
.alpha-access .alpha-timing strong {
  font-size: var(--lorbo-body-size);
}
.alpha-access .alpha-copy h2 {
  font: 600 clamp(44px, 3.4vw, 52px) / 1.08 var(--lorbo-heading);
}
.alpha-access .alpha-copy h3,
.alpha-access .alpha-form h3 {
  font: 600 32px / 1.2 var(--lorbo-heading);
}
.alpha-access .alpha-privacy {
  margin-bottom: 24px;
}
.lorbo-footer p,
.lorbo-footer a,
.lorbo-footer small {
  font-family: var(--lorbo-body);
  font-size: var(--lorbo-note-size);
  line-height: 1.5;
}
@media (max-width: 700px) {
  .alpha-access .alpha-copy h2 {
    font-size: 44px;
  }
  .alpha-access .alpha-copy h3,
  .alpha-access .alpha-form h3 {
    font-size: 32px;
  }
}