/* Service palettes over the latest charcoal foundation. */
main[data-palette="all-services"]{--colour-panel:#20321b;--colour-hover:#2b4324;--colour-edge:#6f9b46;--colour-accent:#a0e53b}
main[data-palette="av"]{--colour-panel:#271e35;--colour-hover:#342747;--colour-edge:#65517d;--colour-accent:#d6bdff}
main[data-palette="security"]{--colour-panel:#192a3e;--colour-hover:#233b55;--colour-edge:#46698c;--colour-accent:#acd5ff}
main[data-palette="smart"],main[data-palette="networking"]{--colour-panel:#361d23;--colour-hover:#48262d;--colour-edge:#98525c;--colour-accent:#ffb4b4}
main[data-palette="lighting"]{--colour-panel:#382b20;--colour-hover:#4a3828;--colour-edge:#a37d51;--colour-accent:#ffe0b5}
main[data-palette="aftercare"]{--colour-panel:#513d47;--colour-hover:#674a58;--colour-edge:#b89ca8;--colour-accent:#f7e9ee}
main.coloured-service,main.coloured-service.service-theme{--category-accent:var(--colour-accent);--card-bg:var(--colour-panel);--panel:var(--colour-panel);--service-panel:var(--colour-panel);--service-panel-hover:var(--colour-hover);--service-border:var(--colour-edge);--line:var(--colour-edge)}
main.coloured-service[data-palette] :is(.page-hero>.container,.service-brief,.service-options-head,.service-option,.service-hub-head,.service-hub-card,.brand-note,.service-subsection-head,.aftercare-approach-item,.two-column>div,.closing>.container,.chapter-card,.manufacturer-photo-credit),main.coloured-service.service-theme .themed-service-hero .service-brief{background:var(--colour-panel);border-color:var(--colour-edge);border-top-color:var(--colour-accent);color:#fff}
main.coloured-service[data-palette] :is(.service-option,.service-hub-card):hover{background:var(--colour-hover);border-color:var(--colour-accent)}
main.coloured-service[data-palette] .button.primary{background:var(--colour-panel);border-color:var(--colour-accent);color:#fff}
main.coloured-service[data-palette] .button.primary:hover{background:var(--colour-hover);color:#fff}
body[data-page="home"] main[data-palette] .scene-keypad-plate{background:#271e35;border-color:#65517d}
.scene-key[data-glow="red"].is-active .scene-key-ring{border-color:#ed9ca5;box-shadow:0 0 14px rgba(237,156,165,.5)}
/* Four comfortably spaced controls without enlarging mobile scene copy. */
body[data-page="home"] .scene-keypad-plate{gap:clamp(12px,3vw,28px)}
@media(max-width:640px){body[data-page="home"] .scene-keypad-plate{gap:12px;padding-left:14px;padding-right:14px}body[data-page="home"] .scene-key{min-width:44px}}



.scene-image[data-scene-img="goodbye"]{object-position:right center}


/* One full-width image treatment for every image-led service page. */
main.service-theme .service-brief-section.unified-service-hero{--hero-height:clamp(440px,48vw,720px);padding-top:calc(var(--hero-height) - 40px);padding-bottom:48px;position:relative;isolation:isolate;background:none}
main.service-theme .unified-service-hero .service-hero-image{position:absolute;inset:0 0 auto;width:100%;max-width:none;height:var(--hero-height);max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 45%;margin:0;border:0;background:none;z-index:-2}
main.service-theme .service-brief-section.unified-service-hero::before{display:block;position:absolute;inset:0 0 auto;height:var(--hero-height);z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 26%,transparent 75%,rgba(11,10,8,.28));pointer-events:none}
main.service-theme .unified-service-hero .service-brief{position:relative;z-index:1}
main.service-theme .unified-service-hero img[src*="official-araknis"]{object-position:50% 38%}
main.service-theme .unified-service-hero img[src*="official-lutron"]{object-position:22% 72%}
main.service-theme .unified-service-hero img[src*="official-control4"]{object-position:50% 50%}
@media(max-width:760px){
 main.service-theme .service-brief-section.unified-service-hero{--hero-height:360px;padding-top:320px;padding-bottom:28px}
 main.service-theme .unified-service-hero .service-hero-image{object-position:var(--image-focus,50%) center}
 main.service-theme .unified-service-hero img[src*="official-lutron"]{object-position:13% center}
 main.service-theme .unified-service-hero img[src*="cctv-installation"]{object-position:82% center}
 main.service-theme .unified-service-hero img[src*="official-polarbear-alisse-wide"]{object-fit:contain;background:#a09a8e}
 main.service-theme .unified-service-hero img[src*="official-araknis"]{object-position:50% 35%}
}