/* GENERATED from tokens/tokens.json by scripts/build-block-theme.mjs. Do not edit by hand. */
:root {
  --fw-roman: 500;
  --fw-medium: 600;
  --fw-bold: 700;
  --type-h1-size: 90px;
  --type-h1-lh: 102px;
  --type-h1-ls: -1px;
  --type-h1-weight: var(--fw-medium);
  --type-h2-size: 80px;
  --type-h2-lh: 90px;
  --type-h2-ls: -1px;
  --type-h2-weight: var(--fw-roman);
  --type-h3-size: 60px;
  --type-h3-lh: 68px;
  --type-h3-ls: -1px;
  --type-h3-weight: var(--fw-medium);
  --type-h4-size: 50px;
  --type-h4-lh: 58px;
  --type-h4-ls: -1px;
  --type-h4-weight: var(--fw-medium);
  --type-h5-size: 40px;
  --type-h5-lh: 46px;
  --type-h5-ls: -1px;
  --type-h5-weight: var(--fw-medium);
  --type-h6-size: 30px;
  --type-h6-lh: 34px;
  --type-h6-ls: -1px;
  --type-h6-weight: var(--fw-medium);
  --type-header-paragraph-size: 40px;
  --type-header-paragraph-lh: 52px;
  --type-header-paragraph-ls: 0;
  --type-header-paragraph-weight: var(--fw-roman);
  --type-subtitle-size: 24px;
  --type-subtitle-lh: 34px;
  --type-subtitle-ls: 0;
  --type-subtitle-weight: var(--fw-roman);
  --type-paragraph-size: 24px;
  --type-paragraph-lh: 34px;
  --type-paragraph-ls: 0;
  --type-paragraph-weight: var(--fw-roman);
  --type-quote-size: 36px;
  --type-quote-lh: 48px;
  --type-quote-ls: 0;
  --type-quote-weight: var(--fw-roman);
  --type-label-size: 28px;
  --type-label-lh: 34px;
  --type-label-ls: 0;
  --type-label-weight: var(--fw-medium);
  --type-button-size: 24px;
  --type-button-lh: 30px;
  --type-button-ls: 0;
  --type-button-weight: var(--fw-roman);
  --type-navigation-size: 20px;
  --type-navigation-lh: 24px;
  --type-navigation-ls: 0;
  --type-navigation-weight: var(--fw-roman);
  --type-above-title-size: 20px;
  --type-above-title-lh: 24px;
  --type-above-title-ls: 4px;
  --type-above-title-weight: var(--fw-medium);
  --type-footer-size: 20px;
  --type-footer-lh: 24px;
  --type-footer-ls: 0;
  --type-footer-weight: var(--fw-roman);
}
@media (max-width: 1024px) {
  :root {
    --type-h1-size: 64px;
    --type-h1-lh: 72px;
    --type-h2-size: 56px;
    --type-h2-lh: 64px;
    --type-h3-size: 40px;
    --type-h3-lh: 46px;
    --type-h4-size: 38px;
    --type-h4-lh: 44px;
    --type-h5-size: 32px;
    --type-h5-lh: 36px;
    --type-h6-size: 24px;
    --type-h6-lh: 28px;
    --type-header-paragraph-size: 28px;
    --type-header-paragraph-lh: 36px;
    --type-subtitle-size: 20px;
    --type-subtitle-lh: 28px;
    --type-paragraph-size: 20px;
    --type-paragraph-lh: 29px;
    --type-quote-size: 26px;
    --type-quote-lh: 32px;
    --type-label-size: 24px;
    --type-label-lh: 30px;
    --type-button-size: 20px;
    --type-button-lh: 24px;
    --type-navigation-size: 20px;
    --type-navigation-lh: 24px;
    --type-above-title-size: 18px;
    --type-above-title-lh: 22px;
    --type-footer-size: 20px;
    --type-footer-lh: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --type-h1-size: 48px;
    --type-h1-lh: 54px;
    --type-h2-size: 44px;
    --type-h2-lh: 50px;
    --type-h3-size: 36px;
    --type-h3-lh: 42px;
    --type-h4-size: 30px;
    --type-h4-lh: 34px;
    --type-h5-size: 28px;
    --type-h5-lh: 32px;
    --type-h6-size: 20px;
    --type-h6-lh: 24px;
    --type-header-paragraph-size: 20px;
    --type-header-paragraph-lh: 28px;
    --type-subtitle-size: 18px;
    --type-subtitle-lh: 26px;
    --type-paragraph-size: 18px;
    --type-paragraph-lh: 26px;
    --type-quote-size: 24px;
    --type-quote-lh: 32px;
    --type-label-size: 20px;
    --type-label-lh: 24px;
    --type-button-size: 18px;
    --type-button-lh: 22px;
    --type-navigation-size: 18px;
    --type-navigation-lh: 22px;
    --type-above-title-size: 16px;
    --type-above-title-lh: 20px;
    --type-footer-size: 18px;
    --type-footer-lh: 22px;
  }
}
.t-h1 { font-size: var(--type-h1-size); line-height: var(--type-h1-lh); letter-spacing: var(--type-h1-ls); font-weight: var(--type-h1-weight); }
.t-h2 { font-size: var(--type-h2-size); line-height: var(--type-h2-lh); letter-spacing: var(--type-h2-ls); font-weight: var(--type-h2-weight); }
.t-h3 { font-size: var(--type-h3-size); line-height: var(--type-h3-lh); letter-spacing: var(--type-h3-ls); font-weight: var(--type-h3-weight); }
.t-h4 { font-size: var(--type-h4-size); line-height: var(--type-h4-lh); letter-spacing: var(--type-h4-ls); font-weight: var(--type-h4-weight); }
.t-h5 { font-size: var(--type-h5-size); line-height: var(--type-h5-lh); letter-spacing: var(--type-h5-ls); font-weight: var(--type-h5-weight); }
.t-h6 { font-size: var(--type-h6-size); line-height: var(--type-h6-lh); letter-spacing: var(--type-h6-ls); font-weight: var(--type-h6-weight); }
.t-header-paragraph { font-size: var(--type-header-paragraph-size); line-height: var(--type-header-paragraph-lh); letter-spacing: var(--type-header-paragraph-ls); font-weight: var(--type-header-paragraph-weight); }
.t-subtitle { font-size: var(--type-subtitle-size); line-height: var(--type-subtitle-lh); letter-spacing: var(--type-subtitle-ls); font-weight: var(--type-subtitle-weight); }
.t-paragraph { font-size: var(--type-paragraph-size); line-height: var(--type-paragraph-lh); letter-spacing: var(--type-paragraph-ls); font-weight: var(--type-paragraph-weight); }
.t-quote { font-size: var(--type-quote-size); line-height: var(--type-quote-lh); letter-spacing: var(--type-quote-ls); font-weight: var(--type-quote-weight); }
.t-label { font-size: var(--type-label-size); line-height: var(--type-label-lh); letter-spacing: var(--type-label-ls); font-weight: var(--type-label-weight); }
.t-button { font-size: var(--type-button-size); line-height: var(--type-button-lh); letter-spacing: var(--type-button-ls); font-weight: var(--type-button-weight); }
.t-navigation { font-size: var(--type-navigation-size); line-height: var(--type-navigation-lh); letter-spacing: var(--type-navigation-ls); font-weight: var(--type-navigation-weight); }
.t-above-title { font-size: var(--type-above-title-size); line-height: var(--type-above-title-lh); letter-spacing: var(--type-above-title-ls); font-weight: var(--type-above-title-weight); }
.t-footer { font-size: var(--type-footer-size); line-height: var(--type-footer-lh); letter-spacing: var(--type-footer-ls); font-weight: var(--type-footer-weight); }