@media (max-width:850px){
  .hero-grid{grid-template-columns:minmax(0,1fr);padding:32px}
  .hero-grid>*{min-width:0}
}
@media (max-width:560px){
  .hero{padding-top:24px}
  .hero-grid{padding:24px}
  .hero h1{font-size:2.55rem}
}