@media(max-width:1024px){
  .hdm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .hdm-container{width:min(100% - 24px,1240px)}
  .hdm-hero{min-height:560px}
  .hdm-hero__content{padding:72px 0}
  .hdm-hero h1{font-size:clamp(40px,13vw,62px)}
  .hdm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hdm-card__body{padding:13px}
}
@media(max-width:420px){
  .hdm-hero__actions .hdm-btn{width:100%}
}