/* Preview: renovation room sits behind the parked spray gun on the right. */
.hero .renovation-scene{position:absolute;right:0;top:0;bottom:0;width:64%;overflow:hidden;pointer-events:none;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 17%,#000 48%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 17%,#000 48%)}
.hero .renovation-scene img{width:100%;height:100%;object-fit:cover;object-position:95% center;transform:translate3d(var(--room-shift-x,0px),var(--room-shift-y,0px),0) scale(1.02);transition:transform .55s ease-out}
.hero .renovation-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),rgba(244,244,239,.42) 24%,transparent 58%),linear-gradient(0deg,rgba(244,244,239,.1),transparent 22%);pointer-events:none}
.hero .painted-layer:after{display:none}.hero .hero-copy{z-index:2}.hero .hero-copy h1{text-shadow:0 2px 24px rgba(244,244,239,.65)}
@media(max-width:780px){.hero .renovation-scene{width:100%;top:34%;opacity:.9;mask-image:linear-gradient(180deg,transparent,#000 48%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 48%)}.hero .renovation-scene img{object-position:95% center}.hero .renovation-scene:after{background:linear-gradient(90deg,var(--paper),rgba(244,244,239,.7) 35%,transparent 80%)}}
@media(prefers-reduced-motion:reduce){.hero .renovation-scene img{transform:none;transition:none}}

/* Use the same solid brand orange for the completed spray lettering and CTA. */
.hero .hero-copy h1 em{text-shadow:none;filter:none}
.hero .primary-arrow{background:var(--accent)}
.brand-name>b{color:var(--accent)}