/* Display the supplied image unchanged, cropping only the device surrounds.
   Desktop source rectangle: (124,192) to (1203,665).
   Mobile source rectangle: (1220,436) to (1476,623). */
.hero{height:auto;min-height:0;aspect-ratio:1079/473}
.hero-media{position:absolute;inset:0;overflow:hidden}
.hero-media .hero-image{position:absolute;max-width:none;width:142.354032%;height:auto;left:-11.492122%;top:-40.591966%;object-fit:initial}
.hero:after{display:none}
.hero-content{position:absolute;inset:0;width:100%;padding:0}
.hero-content h1,.hero-content .hero-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-content>.gold-line{display:none}
.hero-content .button{position:absolute;left:4.99%;top:52.64%;width:21.32%;height:10.15%;padding:0;background:transparent;color:transparent;border:0;overflow:hidden;white-space:nowrap}
.hero-content .button:hover{background:rgba(255,255,255,.10)}
.hero-content .button:focus-visible{outline:3px solid #b5a071;outline-offset:4px}
@media(max-width:640px){
 .hero{aspect-ratio:auto;display:block}
 .hero-media{position:relative;inset:auto;width:100%;aspect-ratio:256/187}
 .hero-media .hero-image{width:600%;left:-476.5625%;top:-233.15508%;height:auto}
 .hero-content{position:relative;inset:auto;width:auto;padding:24px 6% 33px}
 .hero-content h1{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
 .hero-content>.gold-line{display:block}
 .hero-content .button{position:static;width:auto;height:auto;padding:13px 20px;background:var(--navy);color:var(--cream);white-space:normal}
 .hero-content .button:hover{background:#344f5e}
}