.hero-component{grid-template-rows:auto;display:grid}@media (width>=1199px){.hero-component.has-image{grid-template-columns:repeat(2,1fr)}}.hero-component .copy-wrapper{--_padding:36px}@media (width>=600px){.hero-component .copy-wrapper{--_padding:56px}}.hero-component>article{min-height:max(50vh - 6.5rem,60vw)}@media (width>=600px){.hero-component>article{min-height:calc(50vh - 2rem)}}@media (width>=1199px){.hero-component>article{min-height:min(100vh - 2rem,544px)}}