/*
 * Growhill Wealth v35
 * Simplified Chinese typography and wrapping refinements only.
 * Five type sizes: display, heading, subheading, body and small.
 */
html[lang="zh-Hans"] {
  --zh-size-display: clamp(2.15rem, 4.3vw, 4.5rem);
  --zh-size-heading: clamp(1.75rem, 3vw, 3rem);
  --zh-size-subheading: clamp(1.16rem, 1.7vw, 1.5rem);
  --zh-size-body: clamp(.95rem, 1vw, 1.0625rem);
  --zh-size-small: .78rem;
}

html[lang="zh-Hans"] body,
html[lang="zh-Hans"] p,
html[lang="zh-Hans"] li,
html[lang="zh-Hans"] address,
html[lang="zh-Hans"] a,
html[lang="zh-Hans"] button,
html[lang="zh-Hans"] label,
html[lang="zh-Hans"] legend,
html[lang="zh-Hans"] input,
html[lang="zh-Hans"] textarea,
html[lang="zh-Hans"] summary {
  font-size: var(--zh-size-body) !important;
  line-height: 1.72 !important;
}

html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] .hero-title {
  font-size: var(--zh-size-display) !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
}

html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] .scale-proof-number,
html[lang="zh-Hans"] .counter,
html[lang="zh-Hans"] .stat strong {
  font-size: var(--zh-size-heading) !important;
  line-height: 1.22 !important;
  letter-spacing: -.018em !important;
}

html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] h4,
html[lang="zh-Hans"] .lead,
html[lang="zh-Hans"] .article-deck {
  font-size: var(--zh-size-subheading) !important;
  line-height: 1.5 !important;
  letter-spacing: -.008em !important;
}

html[lang="zh-Hans"] .eyebrow,
html[lang="zh-Hans"] .page-kicker,
html[lang="zh-Hans"] small,
html[lang="zh-Hans"] .site-nav a,
html[lang="zh-Hans"] .footer-nav h3,
html[lang="zh-Hans"] .footer-bottom,
html[lang="zh-Hans"] .tag,
html[lang="zh-Hans"] .capability-number,
html[lang="zh-Hans"] .capability-role,
html[lang="zh-Hans"] .pillar-number,
html[lang="zh-Hans"] .why-flow-era,
html[lang="zh-Hans"] .asset-track span,
html[lang="zh-Hans"] .switch-label {
  font-size: var(--zh-size-small) !important;
  line-height: 1.45 !important;
}

html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] h4,
html[lang="zh-Hans"] .lead,
html[lang="zh-Hans"] .eyebrow,
html[lang="zh-Hans"] .page-kicker {
  max-width: 100%;
  line-break: strict;
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: break-word;
}

html[lang="zh-Hans"] p,
html[lang="zh-Hans"] li,
html[lang="zh-Hans"] summary,
html[lang="zh-Hans"] address {
  line-break: strict;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: break-word;
}

html[lang="zh-Hans"] .section-heading,
html[lang="zh-Hans"] .why-flow-heading,
html[lang="zh-Hans"] .next-client-heading,
html[lang="zh-Hans"] .closing-copy {
  box-sizing: border-box;
}

html[lang="zh-Hans"] .contact-details address > span {
  display: grid;
  gap: .35rem;
}

html[lang="zh-Hans"] .contact-details address [data-lang-copy="zh"] {
  max-width: 28rem;
}

html[lang="zh-Hans"] .social-link {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  width: max-content;
}

html[lang="zh-Hans"] .role-option {
  cursor: pointer;
}

html[lang="zh-Hans"] .role-option input {
  pointer-events: auto;
}

@media (max-width: 760px) {
  html[lang="zh-Hans"] h1,
  html[lang="zh-Hans"] h2,
  html[lang="zh-Hans"] h3,
  html[lang="zh-Hans"] h4 {
    text-wrap: balance;
  }

  html[lang="zh-Hans"] .subhero-copy,
  html[lang="zh-Hans"] .hero-copy,
  html[lang="zh-Hans"] .section-heading,
  html[lang="zh-Hans"] .why-flow-heading,
  html[lang="zh-Hans"] .next-client-heading {
    width: 100%;
    max-width: 100%;
  }
}