.grid-container{&.hero{gap:2rem}}.hero-copy-wrapper{& h1{font-size:var(--display-xl);line-height:1.2;margin-bottom:.5rem}& p{color:var(--gray-500);line-height:1.6}}.hero-image{object-fit:cover;width:100%}@media (min-width:48rem){.grid-container{&.hero{grid-template-columns:1fr}}}@media (min-width:64rem){.grid-container{&.hero{align-items:center;grid-template-columns:repeat(2,1fr)}}.hero-media-wrapper{align-items:center}}