/* Responsive hero/banner text overrides */
/* Uses clamp() to scale headings and paragraphs, adds subtle text-shadow for legibility */
.hero-copy{max-width:780px;padding:clamp(12px,2.2vw,28px) 0}
.hero h1{font-family:"Songti SC","STSong",serif;font-size:clamp(32px,6vw,86px);line-height:1.06;margin:18px 0 20px;letter-spacing:.02em;word-break:break-word;hyphens:auto;text-wrap:balance;text-shadow:0 6px 20px rgba(2,8,20,.55)}
.hero p{max-width:min(670px,90%);font-size:clamp(14px,2.2vw,19px);color:#edf2f7;margin:0 0 30px;text-shadow:0 4px 14px rgba(2,8,20,.45)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn{padding:clamp(9px,1.6vw,13px) clamp(12px,3vw,20px);font-size:clamp(13px,1.6vw,14px)}

@media(max-width:900px){
  .hero{min-height:calc(50vh + 260px)}
}

@media(max-width:600px){
  .hero{min-height:auto;height:auto;padding:64px 0 82px;background-position:60% center}
  .hero-copy{width:100%;max-width:100%;padding:0}
  .hero h1{font-size:clamp(26px,8.5vw,46px)}
  .hero-motto,.hero-title{white-space:normal;overflow-wrap:anywhere}
  .hero p{max-width:100%;font-size:clamp(13px,2.8vw,16px);margin-bottom:22px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero .btn{width:100%;justify-content:center}
}

@media(max-width:380px){
  .hero{padding:48px 0 72px}
  .hero h1{font-size:28px}
}