/* Approved Option 1: continuous text hero and photo-side wallpaper. */
body[data-page="home"] .pr-hero-scene { position: relative; isolation: isolate; overflow: visible; padding-bottom: 40px; margin-bottom: -40px; --art-ink: #2e3133; --art-copper: #d1703c; --art-peach: #f9cb8f; --art-blue: #aac9db; --art-green: #aeba6c; --art-grey: #e2e2e6; --art-brown: #604d45; }
/* Extend the scene's paint area past the controls without moving the next section. */
.pr-hero-scene .ctrls { position: relative; z-index: 2; overflow: visible; }
.pr-hero-scene .pr-hero-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.pr-hero-scene .pr-hero-part { position: absolute; left: 0; top: 0; display: block; width: calc(var(--art-width) * .68); height: calc(var(--art-height) * .68); visibility: hidden; opacity: calc(.35 + .65 * var(--art-light, 0)); transition: opacity .3s ease; pointer-events: none; transform-origin: center; }
.pr-hero-scene .pr-hero-part img, .pr-hero-scene .pr-hero-service { display: block; width: 100%; height: 100%; object-fit: contain; }
.pr-hero-scene .pr-hero-service { background: var(--hero-service-palette); mask: var(--hero-service-image) center / contain no-repeat; -webkit-mask: var(--hero-service-image) center / contain no-repeat; }
.pr-hero-scene .pr-hero-cleaning { --hero-service-image: url('../media/ill-cleaning.svg'); --hero-service-palette: var(--art-blue); }
.pr-hero-scene .pr-hero-installing { --hero-service-image: url('../media/ill-installing.svg'); --hero-service-palette: var(--art-green); }
.pr-hero-scene .pr-hero-restoring { --hero-service-image: url('../media/ill-restoring.svg'); --hero-service-palette: var(--art-copper); }
.pr-hero-scene .pr-hero-slip-testing { --hero-service-image: url('../media/ill-slip-testing.svg'); --hero-service-palette: var(--art-peach); }
.pr-hero-scene .pr-hero-measure { --hero-service-palette: var(--art-brown); }
.pr-hero-scene .pr-hero-inspection { --hero-service-palette: var(--art-ink); }
.pr-hero-scene .pr-hero-carpet-repair { --hero-service-palette: var(--art-green); }
.pr-hero-scene .pr-hero-floor-scrubber { --hero-service-palette: var(--art-copper); }
.pr-hero-scene .pr-hero-moisture-meter { --hero-service-palette: var(--art-blue); }
@media (prefers-reduced-motion: reduce) {
  .pr-hero-scene .pr-hero-part { transition: none; }
}
@media (max-width: 650px) {
  .pr-hero-scene .pr-hero-part { width: calc(var(--art-width) * .5); height: calc(var(--art-height) * .5); }
}