.hero{grid-template-areas:'message product' 'purchase product';row-gap:0}
.hero-message{grid-area:message;align-self:end}
.hero-message .lead{max-width:480px}
.hero-buy{grid-area:purchase;align-self:start}
.product-stage{grid-area:product}
@media(max-width:650px){
  .hero{grid-template-areas:'message' 'product' 'purchase';row-gap:27px}
  .product-stage{min-height:460px}
  .hero-buy .offer{margin-top:0}
  .hero-buy .text-link{display:inline-block}
}
@media(max-width:380px){.product-stage{min-height:425px}}