/* Cross-section responsive refinements */
@media (max-width: 760px) {
  :root {
    --page-width: min(100vw - 28px, 100%);
  }

  .hero-stage {
    min-height: 760px;
  }

  .section-head h2 {
    font-size: clamp(2.4rem, 9vw, 4.2rem);
    max-width: none;
  }

  html[lang="zh-CN"] .section-head h2 {
    width: min(11.8ch, 100%);
    max-width: 11.8ch;
    font-size: clamp(1.54rem, 5.7vw, 2.1rem);
    line-height: 1.3;
  }

  html[lang="zh-CN"] .contact-section .section-head h2 {
    width: fit-content;
    max-width: 18ch;
    font-size: clamp(1.4rem, 5.2vw, 1.9rem);
    line-height: 1.48;
  }

  .clients-content {
    padding: 0 0 84px;
  }
}
