/* G / Edition font treatment for the company's own content.
   The header, sphere, menus, language switcher, quick guide and footer retain
   their existing fonts. No page backgrounds, images, copy or layout change.
   Rollback: remove the two font stylesheet links and data attribute in BaseLayout.
   Font weight/family are intentionally the final brand layer; page-specific
   layouts keep their sizes, colors, spacing and interaction styles. */
@font-face {
  font-family: "Gamecraft Edition Sans";
  src: url("/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Gamecraft Edition Display";
  src: url("/fonts/libre-caslon-display-latin-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

html body[data-site-typography="edition"] main {
  font-family: "Gamecraft Edition Sans", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

html body[data-site-typography="edition"] main :is(button, input, select, textarea) {
  font-family: inherit;
}

html body[data-site-typography="edition"] main :is(h1, h2, h3):not(.home-page .hero-title) {
  font-family: "Gamecraft Edition Display", "Gamecraft Edition Song", "Noto Serif CJK SC", "Songti SC", SimSun, serif !important;
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: .005em !important;
  text-wrap: balance;
}

html body[data-site-typography="edition"] main :is(h1, h2, h3):not(.home-page .hero-title) :is(span, strong, em, a) {
  font-family: inherit !important;
  font-weight: inherit !important;
}

html[lang^="zh"] body[data-site-typography="edition"] main :is(h1, h2, h3):not(.home-page .hero-title) {
  letter-spacing: .025em !important;
}

/* The homepage brand title keeps its original sans family. Excluding it from
   Edition heading rules also preserves its original weight, tracking, leading
   and responsive sizes in styles.css / home-spectrum.css. */
html body.home-page[data-site-typography="edition"] main .hero-title {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

html[lang^="zh"] body.home-page[data-site-typography="edition"] main .hero-title {
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif !important;
}

/* The original tightly stacked display sans used sub-1 line heights.
   Only those roles need more leading for the new serif letterforms. */
html body[data-site-typography="edition"] main .hardware-lustre-copy :is(h1, h2),
html body[data-site-typography="edition"] main :is(.hardware-intro-copy, .hardware-section-heading, .hardware-statement-copy, .hardware-cta) h2,
html body[data-site-typography="edition"] main .web-round-title h2 {
  line-height: 1.08;
}

html[lang^="zh"] body[data-site-typography="edition"] main .hardware-lustre-copy :is(h1, h2),
html[lang^="zh"] body[data-site-typography="edition"] main :is(.hardware-intro-copy, .hardware-section-heading, .hardware-statement-copy, .hardware-cta) h2,
html[lang^="zh"] body[data-site-typography="edition"] main .web-round-title h2 {
  line-height: 1.3;
}