/* Corrected artwork for slide one only; the existing custom copy and slides 2/3 stay independent. */
.ref-store .rf-first:not(.rf-custom){background-image:none;background-color:#fff0e9}
.ref-store .rf-first>.rf-first-art{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rf-first-art>img{display:block;width:100%;height:100%;object-fit:fill}
.ref-store .rf-first:not(.rf-custom)>.rf-hero-cta{left:12.2%;top:74.7%;width:20.8%;height:16.3%;min-height:44px;z-index:2}
@media(max-width:900px){
 .ref-store .rf-first:not(.rf-custom)>.rf-first-art{inset:auto;left:-5px;top:0;width:941px;height:325px}
 .ref-store .rf-first:not(.rf-custom)>.rf-hero-cta{left:110px;top:243px;width:196px;height:53px}
 /* Keep the real controls clear of the CTA painted into the mobile artwork. */
 .ref-store .rf-hero:has(.rf-first:not(.rf-custom):not([hidden]))>.rf-dots{left:4px;bottom:8px;transform:none}
}
@media(max-width:350px){
 .ref-store .rf-first:not(.rf-custom){background-color:#efcfb1}
 .ref-store .rf-first:not(.rf-custom)>.rf-first-art{left:-20px;width:900px;height:311px}
 .ref-store .rf-first:not(.rf-custom)>.rf-hero-cta{left:90px;top:232px;width:188px;height:51px}
}
