@font-face {
  font-family: "VocaPass PR Keywords";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./fonts/NotoSansSC-Black-PR-Keywords-4b8c0115e946.woff2") format("woff2");
  unicode-range:
    U+002B, U+0030, U+0031, U+0032, U+0033, U+0034, U+0035, U+0036, U+0037, U+0038, U+0039, U+4E60, U+620F, U+6232, U+6E38, U+7DF4, U+7EC3, U+7FD2, U+904A;
}

.landing-body [data-pr-headline] {
  font-family: "VocaPass Latin Display", Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.landing-body [data-pr-headline] [data-headline-role="primaryKeyword"],
.landing-body [data-vocabulary-count-keyword] {
  font-family: "VocaPass PR Keywords", "VocaPass Latin Display", Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 900 !important;
  font-synthesis: none !important;
}

html:lang(ar) .landing-body [data-pr-headline] [data-headline-role="primaryKeyword"] {
  font-family: "VocaPass Arabic", sans-serif !important;
}

html:lang(hi) .landing-body [data-pr-headline] [data-headline-role="primaryKeyword"] {
  font-family: "VocaPass Devanagari", sans-serif !important;
}

html:lang(ko) .landing-body [data-pr-headline] [data-headline-role="primaryKeyword"] {
  font-family: "VocaPass Korean", sans-serif !important;
}

html:lang(th) .landing-body [data-pr-headline] [data-headline-role="primaryKeyword"] {
  font-family: "VocaPass Thai", sans-serif !important;
}

.landing-body [data-vocabulary-count-keyword] {
  font-size: 60px !important;
}

.landing-body [data-count-fit="medium"] [data-vocabulary-count-keyword] {
  font-size: 50px !important;
}

.landing-body [data-count-fit="compact"] [data-vocabulary-count-keyword] {
  font-size: 42px !important;
}

.landing-body [data-count-fit="dense"] [data-vocabulary-count-keyword] {
  font-size: 32px !important;
}

.landing-body .brand-mark,
.landing-body .hero-headline,
.landing-body .hero-headline-primaryKeyword,
.landing-body .hero-headline-supporting,
.landing-body .preview-word,
.landing-body .word-set-logos span {
  font-family: "VocaPass Latin Display", Inter, ui-sans-serif, system-ui, sans-serif !important;
}

@media (max-width: 760px) {
  .landing-body [data-vocabulary-count-keyword] {
    font-size: 44px !important;
  }

  .landing-body [data-count-fit="medium"] [data-vocabulary-count-keyword] {
    font-size: 40px !important;
  }

  .landing-body [data-count-fit="compact"] [data-vocabulary-count-keyword] {
    font-size: 36px !important;
  }

  .landing-body [data-count-fit="dense"] [data-vocabulary-count-keyword] {
    font-size: 28px !important;
  }
}
