/* Mobile-only composition: a readable photograph above the complete copy. */
@media(max-width:640px){
  .audience-card{grid-template-columns:minmax(0,1fr)}
  .audience-image{width:100%;height:clamp(190px,56vw,300px);min-height:0;object-fit:cover;object-position:center 45%}
  .audience-content{padding:24px}
  .audience-content .button{max-width:none;font-size:12px;padding:14px}
  .hero{min-height:0;background:var(--bg)}
  .hero-image{height:330px;width:100%;object-fit:cover;object-position:78% center;opacity:1}
  .hero:after{height:332px;bottom:auto;background:linear-gradient(180deg,transparent 40%,rgba(9,12,11,.2) 62%,#090c0b 100%)}
  .hero-inner{width:calc(100% - 40px);padding-top:258px;padding-bottom:36px}
  .hero-copy{max-width:none}
  .hero-eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:17px;color:#d9ddd8}
  .hero h1{font-size:clamp(32px,9.1vw,40px);line-height:1.08;letter-spacing:-1px}
  .hero-subtitle{font-size:15px;line-height:1.55;margin-top:20px}
  .hero-description{font-size:14px;line-height:1.7;margin-top:17px}
  .hero-actions{flex-direction:column;gap:10px;margin-top:23px}
  .hero-actions .button{width:100%;padding:14px 18px;font-size:13px}
}
@media(max-width:359px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat{min-width:0;gap:8px;padding-inline:8px}
  .stat>div{min-width:0}
  .stat .icon{width:22px;height:22px;flex-shrink:0}
  .stat span{overflow-wrap:anywhere}
  .hero-image{height:285px}
  .hero:after{height:287px}
  .hero-inner{width:calc(100% - 30px);padding-top:221px}
  .hero h1{font-size:32px}
  .hero-subtitle,.hero-description{font-size:13px}
}