/* GENERATED — do not hand-edit. Scoped under .fo-scope from tools/acf-gen/src/css/text-styles.css
 * Regenerate with: npm run assets:fo */
.fo-scope .h1 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-h1, 56px);
  line-height: 1.1;
  letter-spacing: -0.015em;
}
.fo-scope .h2 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-h2, 40px);
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.fo-scope .h3 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-h3, 28px);
  line-height: 1.25;
  letter-spacing: -0.005em;
}
.fo-scope .h4 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-h4, 22px);
  line-height: 1.3;
}
.fo-scope .h5 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-h5, 18px);
  line-height: 1.35;
}
.fo-scope .h6 {
  font-family: var(--type-family-display);
  font-weight: 700;
  font-size: var(--type-size-h6, 14px);
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.fo-scope .body {
  font-family: var(--type-family-body);
  font-weight: 400;
  font-size: var(--type-size-body, 16px);
  line-height: 1.6;
}
.fo-scope .body-sm {
  font-family: var(--type-family-body);
  font-weight: 400;
  font-size: var(--type-size-body-sm, 14px);
  line-height: 1.55;
}
.fo-scope .body-lg {
  font-family: var(--type-family-body);
  font-weight: 400;
  font-size: var(--type-size-body-lg, 18px);
  line-height: 1.5;
}
.fo-scope .eyebrow {
  font-family: var(--type-family-eyebrow);
  font-weight: 400;
  font-size: var(--type-size-eyebrow, 12px);
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.fo-scope .mono {
  font-family: var(--type-family-mono);
  font-weight: 400;
  font-size: var(--type-size-mono, 12px);
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.fo-scope .button {
  font-family: var(--type-family-button);
  font-weight: 600;
  font-size: var(--type-size-button, 14px);
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.fo-scope .blog .h1,
.fo-scope .resource .h1 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-blog-h1, 44px);
  line-height: 1.1;
  letter-spacing: -0.015em;
}
.fo-scope .blog .h2,
.fo-scope .resource .h2 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-blog-h2, 32px);
  line-height: 1.2;
  letter-spacing: -0.01em;
}
.fo-scope .blog .h3,
.fo-scope .resource .h3 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-blog-h3, 24px);
  line-height: 1.25;
  letter-spacing: -0.005em;
}
.fo-scope .blog .h4,
.fo-scope .resource .h4 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-blog-h4, 20px);
  line-height: 1.3;
}
.fo-scope .blog .h5,
.fo-scope .resource .h5 {
  font-family: var(--type-family-display);
  font-weight: 400;
  font-size: var(--type-size-blog-h5, 18px);
  line-height: 1.35;
}
.fo-scope .blog .h6,
.fo-scope .resource .h6 {
  font-family: var(--type-family-display);
  font-weight: 700;
  font-size: var(--type-size-blog-h6, 16px);
  line-height: 1.4;
}
.fo-scope .blog .body,
.fo-scope .resource .body {
  font-family: var(--type-family-body);
  font-weight: 400;
  font-size: var(--type-size-blog-body, 20px);
  line-height: 1.65;
}