/* =========================================================
   Zhiyan Showcase v30 — restore light hero typography
   Only the LIGHT hero gets the original oversized editorial treatment.
   Other sections and dark mode remain unchanged.
   ========================================================= */

html[data-theme="light"] .hero-copy{
  max-width:760px!important;
}

html[data-theme="light"] .hero h1{
  max-width:760px!important;
  margin:28px 0 26px!important;
  font-size:clamp(60px,5.15vw,84px)!important;
  line-height:1.055!important;
  letter-spacing:-.068em!important;
  font-weight:760!important;
  color:#18213d!important;
  text-wrap:wrap!important;
}

/* Keep the second phrase in the screenshot-like two-line block. */
html[data-theme="light"] .hero h1 span{
  display:inline-block!important;
  max-width:7.15em!important;
  color:transparent!important;
  background:linear-gradient(100deg,#263781 0%,#4f64d9 47%,#746ff2 78%,#876ef4 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

html[data-theme="light"] .hero-copy>p{
  max-width:650px!important;
  margin-top:0!important;
  font-size:15px!important;
  line-height:1.92!important;
  color:#626f89!important;
}

html[data-theme="light"] .hero-meta{
  max-width:650px!important;
}

/* Preserve the compact mobile treatment. */
@media(max-width:760px){
  html[data-theme="light"] .hero h1{
    max-width:100%!important;
    font-size:clamp(42px,11vw,52px)!important;
    line-height:1.085!important;
    letter-spacing:-.05em!important;
  }
  html[data-theme="light"] .hero h1 span{
    max-width:none!important;
  }
  html[data-theme="light"] .hero-copy>p{
    font-size:14px!important;
    line-height:1.82!important;
  }
}