.hero{position:relative;.hero__image{margin-top:var(--sc-spacing-xlarge);width:100%;img{height:100%;max-height:75vh;object-fit:cover;@media (min-width:1024px){max-height:45vh;object-position:50% 50%}}}.hero__content{bottom:0;left:0;position:absolute;z-index:50;h1{color:var(--sc-color-body);margin-left:var(--sc-spacing-medium);@media (min-width:1024px){color:var(--sc-color-white);margin-left:var(--sc-spacing-xlarge)}.heading-highlight{color:var(--sc-color-body)}}}}