/* Only the language navigation and translated text; established artwork is unchanged. */
.site-header{gap:12px}
.languages{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #ffffff5c;border-radius:10px;flex:0 0 auto}
.languages a{display:grid;place-items:center;min-width:34px;min-height:38px;padding:5px 7px;border-radius:7px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:0}
.languages a[aria-current]{background:#fffafd;color:#60358f}
.languages a:not([aria-current]):hover{background:#ffffff26}
.languages a:focus-visible{outline:3px solid #ffb783;outline-offset:2px}
.interface-note{margin-top:22px;color:#685773;font-size:12px;line-height:1.5}
html[lang="en"] .art-label{letter-spacing:.08em}
html[lang="en"] .history-card small{line-height:1.4}
html[lang="zh-Hans"] .hero h1{font-size:clamp(52px,6.3vw,96px);line-height:1.13;letter-spacing:-.025em}
html[lang="zh-Hans"] .hero-lead,html[lang="zh-Hans"] .section-lead,html[lang="zh-Hans"] .chat-copy>p{line-height:1.8}
html[lang="zh-Hans"] .art-label,html[lang="zh-Hans"] .eyebrow{letter-spacing:.08em}
@media(max-width:650px){
  .site-header{gap:7px;padding-inline:12px}
  .languages{padding:2px;gap:0}
  .languages a{min-width:32px;min-height:40px;padding-inline:5px;font-size:11px}
  .header-link{margin-left:auto;white-space:nowrap}
  .header-link span{margin-left:2px;font-size:16px}
  html[lang="zh-Hans"] .hero h1{font-size:clamp(42px,11vw,64px)}
  html[lang="en"] .hero h1{font-size:clamp(42px,11.2vw,64px)}
}