.hero{grid-template-columns:.99fr 1.01fr}
.hero-image-wrap{grid-column:1;grid-row:1}
.hero-copy{grid-column:2;grid-row:1}
@media(max-width:900px){
  .hero{display:flex;flex-direction:column;align-items:stretch}
  .hero-image-wrap{order:1;width:100%;grid-column:auto;grid-row:auto}
  .hero-copy{order:2;grid-column:auto;grid-row:auto}
}
@media(max-width:620px){
  .hero-image-wrap{width:calc(100% + 36px);height:clamp(480px,calc(100svh - 120px),680px);margin-left:-18px;margin-right:-18px}
  .hero-image{width:100%;height:100%;object-fit:cover}
}