/* The supplied scene replaces the former two-photo hero without changing its content. */
.home-page .reference-hero .hero-photos .hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center;mask-image:none}
.home-page .reference-hero:after{background:linear-gradient(180deg,rgba(250,242,227,.72),transparent 190px),linear-gradient(90deg,rgba(248,237,217,.78) 0%,rgba(250,242,227,.85) 32%,rgba(248,237,217,.64) 57%,rgba(248,237,217,.43) 100%)}
@media(max-width:800px){
 .home-page .reference-hero .hero-photos .hero-scene{object-position:88% center}
 .home-page .reference-hero:after{background:linear-gradient(180deg,rgba(250,242,227,.8) 0%,rgba(250,242,227,.76) 38%,rgba(248,237,217,.48) 68%,rgba(248,237,217,.22) 100%)}
}
@media(max-width:580px){
 .home-page .reference-hero .hero-photos .hero-scene{object-position:86% center}
 .home-page .reference-hero:after{background:linear-gradient(180deg,rgba(250,242,227,.72) 0%,rgba(250,242,227,.8) 28%,rgba(250,242,227,.76) 57%,rgba(248,237,217,.28) 83%,rgba(248,237,217,.12) 100%)}
}

@media(min-width:801px){.home-page .reference-hero:after{mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.38) 100%)}}