@font-face {
  font-family: "Yeodarim Noto SC";
  src: url("/assets/fonts/noto-sans-sc-v1.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Yeodarim Noto JP";
  src: url("/assets/fonts/noto-sans-jp-v1.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

html[lang="zh-Hans"] {
  --locale-font: "Yeodarim Noto SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
}

html[lang="ja"] {
  --locale-font: "Yeodarim Noto JP", "Noto Sans JP", "Yu Gothic", "Hiragino Sans", Meiryo, sans-serif;
}

html:is([lang="zh-Hans"], [lang="ja"]) {
  --sans: var(--locale-font);
  --serif: var(--locale-font);
}

html:is([lang="zh-Hans"], [lang="ja"]) body {
  font-family: var(--locale-font);
  word-break: normal;
}

html:is([lang="zh-Hans"], [lang="ja"]) :is(h1, h2, h3) {
  letter-spacing: -.025em;
}

html:is([lang="zh-Hans"], [lang="ja"]) :is(.hero h1, .page-hero h1) {
  line-height: 1.14;
}

.hero-syllable[lang="ko"] { font-family: system-ui, sans-serif; }