.sfh-hero{position:relative;width:100%;height:62.5vw;max-height:900px;overflow:hidden;background:#222;color:#fff;box-sizing:border-box}.sfh-hero picture,.sfh-hero picture img{display:block;width:100%;height:100%}.sfh-hero picture img{object-fit:cover;object-position:center}.sfh-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent 45%,rgba(0,0,0,.5) 100%);pointer-events:none}.sfh-hero .sfh-content{position:absolute;z-index:1;top:7%;left:3.4%;color:#fff}.sfh-hero .sfh-content h1{font:700 52px/1.1 sans-serif;color:#fff;margin:0 0 8px}.sfh-hero .sfh-content p{font:400 27px/1.3 sans-serif;color:#fff;margin:0 0 20px}.sfh-hero .sfh-button{display:inline-block;padding:14px 30px;border-radius:30px;background:#fff;color:#17332e;text-transform:uppercase;font:700 13px/1 sans-serif;text-decoration:none}.sfh-hero .sfh-button:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:899px){.sfh-hero{height:auto;aspect-ratio:750/1145;max-height:none}.sfh-hero .sfh-content{top:7%;left:5%}.sfh-hero .sfh-content h1{font-size:26px}.sfh-hero .sfh-content p{font-size:15px;margin-bottom:14px}.sfh-hero .sfh-button{font-size:10px;padding:12px 19px}}
/* Match the sampled source's text placement and mobile type hierarchy. */
@media (min-width: 900px) {.sfh-hero .sfh-content {top: 9%;}}
@media (max-width: 899px) {
 .sfh-hero {aspect-ratio: 13 / 20;}
 .sfh-hero .sfh-content {top: 8%; left: 24px; right: 24px;}
 .sfh-hero .sfh-content h1 {font-size: 32px; line-height: 40px;}
 .sfh-hero .sfh-content p {font-size: 20px; line-height: 30px;}
}
@media (max-width: 899px) {
 .sfh-hero .sfh-content p {font-size: 18px; line-height: 26px; letter-spacing: -0.2px;}
}