/* Locally hosted Noto Sans SC: headline-only subsets, licensed under the OFL. */
@font-face {
  font-family: "Zhixiao Headline";
  src: url("assets/fonts/headline.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  unicode-range: U+4e00, U+53ef, U+63a5, U+667a, U+6bcf, U+79cd, U+80fd, U+8ba9, U+8fde;
}
.hero .hero-title {
  margin: 0;
  font-family: "Zhixiao Headline", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: clamp(50px, 4.45vw, 68px);
  font-weight: 500;
  font-synthesis: none;
  line-height: 1.34;
  letter-spacing: .055em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.hero .hero-title-line {
  display: block;
  color: #18263c;
  white-space: nowrap;
}
.hero .hero-title-line + .hero-title-line { margin-top: .035em; }
.hero .hero-title-accent {
  color: #1554d8;
  font-style: normal;
  font-weight: 600;
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .hero .hero-title-accent {
    background: linear-gradient(115deg, #123fac 5%, #1554d8 52%, #287dcf 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}
@media (max-width: 900px) {
  .hero .hero-title { font-size: 48px; }
}
@media (max-width: 700px) {
  .hero .hero-title { font-size: clamp(36px, 10.8vw, 46px); line-height: 1.38; letter-spacing: .04em; }
}
@media (forced-colors: active) {
  .hero .hero-title-accent { background: none; color: Highlight; }
}