/*
  Chinese-only typography overrides.
  Use this file only for language text styling such as font-size, font-weight,
  line-height, letter-spacing, or font-family.
  Do not set layout properties here.
*/

html[data-language="CN"] {
  --site-section-title-size: 42px;
  --site-section-title-line-height: 1.08;
  --site-section-title-letter-spacing: -0.035em;
  --search-result-title-size: 20px;
}

html[data-language="CN"] .home-brand__statement {
  font-size: clamp(25px, 3vw, 42px);
  letter-spacing: 0;
  line-height: 1.12;
}

html[data-language="CN"] .home-brand__copy {
  margin-top: 16px;
}

html[data-language="CN"] :is(
  .about-hero,
  .contact-hero,
  .products-hero,
  .pl-hero,
  .support-hero,
  .ti-hero,
  .nd-hero,
  .search-hero,
  .status-hero,
  .trial-hero
) {
  --site-banner-title-size: 50px;
  --site-banner-title-line-height: 1.2;
}

@media (max-width: 1180px) {
  html[data-language="CN"] {
    --site-section-title-size: 39px;
  }

  html[data-language="CN"] :is(
    .about-hero,
    .contact-hero,
    .products-hero,
    .pl-hero,
    .support-hero,
    .ti-hero,
    .nd-hero,
    .search-hero,
    .status-hero,
    .trial-hero
  ) {
    --site-banner-title-size: 50px;
  }
}

@media (max-width: 900px) {
  html[data-language="CN"] {
    --site-section-title-size: 35px;
  }

  html[data-language="CN"] :is(
    .about-hero,
    .contact-hero,
    .products-hero,
    .pl-hero,
    .support-hero,
    .ti-hero,
    .nd-hero,
    .search-hero,
    .status-hero,
    .trial-hero
  ) {
    --site-banner-title-size: 42px;
  }
}

@media (max-width: 640px) {
  html[data-language="CN"] {
    --site-section-title-size: 29px;
  }

  html[data-language="CN"] .home-brand__statement {
    font-size: clamp(18px, 5.4vw, 23px);
    line-height: 1.16;
    letter-spacing: 0;
  }

  html[data-language="CN"] .home-brand__copy {
    margin-top: 2px;
  }

  html[data-language="CN"] :is(
    .about-hero,
    .contact-hero,
    .products-hero,
    .pl-hero,
    .support-hero,
    .ti-hero,
    .nd-hero,
    .search-hero,
    .status-hero,
    .trial-hero
  ) {
    --site-banner-title-size: 36px;
  }
}

@media (max-width: 420px) {
  html[data-language="CN"] {
    --site-section-title-size: 25px;
  }

  html[data-language="CN"] :is(
    .about-hero,
    .contact-hero,
    .products-hero,
    .pl-hero,
    .support-hero,
    .ti-hero,
    .nd-hero,
    .search-hero,
    .status-hero,
    .trial-hero
  ) {
    --site-banner-title-size: 32px;
  }
}