@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-roman.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("/assets/fonts/source-serif-4-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/geist-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans SC";
  src: url("/assets/fonts/noto-sans-sc-ui-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2E80-9FFF, U+F900-FAFF, U+FE10-FE6F, U+FF00-FFEF;
}

:root {
  --font-sans: "Geist", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-editorial: "Source Serif 4", "Noto Serif SC", "Songti SC", SimSun, Georgia, serif;
}

html,
html body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button, input, textarea, select {
  font-family: inherit;
}

h1, h2, h3, .display, .section-title,
.brand > span {
  font-family: var(--font-editorial);
  font-optical-sizing: auto;
}

h1, h2, h3 {
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: break-word;
}

.display, .section-title, .article-title,
.workspace-title h1, .studio-showcase-intro h1,
.showcase-next h2, .trust-document h1 {
  font-weight: 600;
  letter-spacing: -.025em;
}

.article-content, .prose, .trust-document > p,
.trust-document > ul, .trust-document > ol,
.lead, .section-copy {
  font-family: var(--font-editorial);
  font-optical-sizing: auto;
}

html[lang="en"] .home-intro .outline {
  font-style: italic;
}

html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3 {
  letter-spacing: 0;
  line-height: 1.35;
}