:root {
    --font-zh-sans: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

header h1::after {
    content: attr(data-brand);
}

header h1:hover::after {
    content: attr(data-alt-brand);
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] textarea,
html[lang="zh-CN"] select {
    font-family: var(--font-zh-sans);
}

html[lang="zh-CN"] .page-hero h2,
html[lang="zh-CN"] .project h3,
html[lang="zh-CN"] .story-copy h4 {
    font-family: var(--font-zh-sans);
    letter-spacing: -0.03em;
}

html[lang="zh-CN"] .page-hero p,
html[lang="zh-CN"] .project-summary,
html[lang="zh-CN"] .story-copy p,
html[lang="zh-CN"] .project-copy,
html[lang="zh-CN"] figcaption {
    line-height: 1.75;
}

@media (max-width: 768px) {
    .language-item {
        margin-top: 0.35rem;
    }
}