/* Reviewed Chinese typography and responsive brand treatment. */
:root {
  --font-sans: "Poppins", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
}
html { scroll-behavior: smooth; }
.brand-filters { position: absolute; overflow: hidden; pointer-events: none; }
.dayan-logo { width: clamp(160px, 18vw, 230px); height: auto; max-width: 100%; filter: url(#dayan-navy); }
.dayan-logo--light { filter: url(#dayan-white); width: 220px; }
aside .dayan-logo { width: 150px; }
.hd-card h1 { font-size: clamp(28px, 3vw, 40px); line-height: 1.25; text-wrap: balance; }
.hd-card h1 .notranslate { display: inline-block; white-space: nowrap; }
.hd-lede { line-height: 1.85; letter-spacing: .02em; }
.hd-hero .hd-markets { margin-top: 28px; padding-top: 22px; }
.hd-markets li { line-height: 1.85; }
.hd-hero .hd-chips { gap: 8px; margin-top: 20px; }
.hd-chips li { line-height: 1.5; }
.hd-tile-title { line-height: 1.5; min-height: 1.5em; }
.hd-sector-panel-text p, .hd-company-text p, .hd-step p, .hd-section-lede { line-height: 1.85; }
.hd-sector-panel-text h3 { line-height: 1.5; }
.hd-cap-grid li { line-height: 1.7; }
.hd-btn { line-height: 1.5; }
.hd-cap-lbl { line-height: 1.6; }
section[id] { scroll-margin-top: 24px; }
@media (max-width: 639px) {
  .dayan-logo { width: clamp(132px, 40vw, 185px); }
  .dayan-logo--light { width: 210px; }
  .hd-card { padding: 26px 24px; }
  .hd-card h1 { font-size: clamp(27px, 8vw, 34px); }
  .hd-lede { margin-top: 20px; font-size: 15px; }
  .hd-sector-name { line-height: 1.5; }
  .hd-groups h2, .hd-sector h2, .hd-capabilities h2, .hd-process h2 { line-height: 1.45; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }