/* ============================================================
   WILD HORSE — Chinese typography overrides
   loaded only by /cn/*.html pages
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600&family=Noto+Serif+SC:wght@300;400;500;600&display=swap");

.cn-page{
  --serif:"Noto Serif SC","Songti SC","STSong","Source Han Serif SC",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif;
}
.cn-page,
.cn-page p,
.cn-page .nav,
.cn-page .links a,
.cn-page .kicker,
.cn-page .field label,
.cn-page footer h4,
.cn-page .hero-hud,
.cn-page .num,
.cn-page .meta,
.cn-page .scroll-cue{
  font-family: var(--sans);
}
.cn-page h1,
.cn-page h2,
.cn-page h3,
.cn-page .serif,
.cn-page .lead,
.cn-page .vintage,
.cn-page blockquote,
.cn-page .name,
.cn-page .timeline .yr,
.cn-page footer .brand-block .mark,
.cn-page .specs dd,
.cn-page .visit .info dd{
  font-family: var(--serif);
  font-weight: 400;
}
/* Chinese reads heavier — soften the giant hero a touch */
.cn-page .hero h1{ font-size: clamp(56px, 9vw, 130px); letter-spacing:.04em }
.cn-page .hero.small h1{ font-size: clamp(48px, 7vw, 96px); letter-spacing:.04em }
.cn-page h2{ letter-spacing:.02em }
.cn-page p{ line-height:1.95 }
/* tighter tracking on labels in CN */
.cn-page .kicker{ letter-spacing:.32em }
.cn-page .nav{ letter-spacing:.22em }
.cn-page .nav .links a{ letter-spacing:.22em }

/* En/中 toggle: highlight 中 on cn pages */
.cn-page .nav .lang{ letter-spacing:.18em }

/* Marquee uses serif so CJK characters render properly */
.cn-page .marquee .track{ font-family: var(--serif); font-size:44px }

/* ============ BRAND LOGO ============ */
.cn-page .brand{ gap: 12px; }
.cn-page .brand .dot{ display:none; }
.cn-page .brand .brand-logo{
  height: 30px; width:auto; display:block;
  filter: brightness(0) invert(1) sepia(.4) saturate(2) hue-rotate(330deg) brightness(1.05);
  /* the source logo is dark navy on transparent — re-tint to bone/gold */
  opacity:.95;
  transition: opacity .35s;
}
.cn-page .brand:hover .brand-logo{ opacity:1 }

.cn-page footer .brand-block .mark{
  margin-bottom:18px; padding:0;
}
.cn-page footer .brand-block .mark .brand-logo{
  height: 64px; width:auto; display:block;
  filter: brightness(0) invert(1) sepia(.4) saturate(2) hue-rotate(330deg) brightness(1.05);
}
.cn-page .loader .mark .brand-logo{
  height: 56px; width:auto; display:block; margin:0 auto;
  filter: brightness(0) invert(1) sepia(.4) saturate(2) hue-rotate(330deg) brightness(1.05);
}
@media (max-width:880px){
  .cn-page .brand .brand-logo{ height:24px }
}