/* Realistic residential HVAC photography replaces the former CSS-drawn units.
   Brand-free, fabric-look wall units inspired by premium design-led AC styling. */
.hero .hero-slide.hero-wall{background-image:linear-gradient(90deg,rgba(3,32,57,.96) 0%,rgba(3,44,76,.82) 40%,rgba(3,44,76,.22) 74%,rgba(3,44,76,.05) 100%),url('assets/interior-minimal-01.webp')!important;background-size:auto,cover!important;background-position:center,center 35%!important;background-repeat:no-repeat!important}
.hero .hero-slide.hero-cassette{background-image:linear-gradient(90deg,rgba(3,32,57,.96) 0%,rgba(3,44,76,.82) 40%,rgba(3,44,76,.22) 74%,rgba(3,44,76,.05) 100%),url('assets/interior-minimal-02.webp')!important;background-size:auto,cover!important;background-position:center,center 34%!important;background-repeat:no-repeat!important}
.hero .hero-slide.hero-suspended{background-image:linear-gradient(90deg,rgba(3,32,57,.96) 0%,rgba(3,44,76,.82) 40%,rgba(3,44,76,.22) 74%,rgba(3,44,76,.05) 100%),url('assets/interior-minimal-04.webp')!important;background-size:auto,cover!important;background-position:center,center 35%!important;background-repeat:no-repeat!important}
.hero .hero-scrim{background:linear-gradient(90deg,rgba(3,32,57,.24),rgba(3,44,76,0) 75%)}
.hero .hero-slide{transition:opacity 1.6s ease!important}
@media(max-width:900px){.hero .hero-slide{background-position:center,63% center!important}.hero .hero-scrim{background:linear-gradient(90deg,rgba(3,32,57,.64),rgba(3,44,76,.15))}}
@media(prefers-reduced-motion:reduce){.hero .hero-slide{transition:none!important}}
.home-scene{background-image:none!important;background-color:#dfe8ed;position:relative;overflow:hidden}
.residential-slides{position:absolute;inset:0;opacity:1!important;overflow:hidden}
.residential-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity 1.15s ease}
.residential-photo.active{opacity:1}
@media(max-width:620px){.hero .hero-slide{background-position:65% center!important}}
@media(prefers-reduced-motion:reduce){.residential-photo{transition:none}}

/* Independent commercial slideshow with the same full-bleed responsive fit. */
.commercial-scene{background-image:none!important;background-color:#dfe8ed;position:relative;overflow:hidden}
.commercial-slides{position:absolute;inset:0;opacity:1!important;overflow:hidden}
.commercial-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:0;transition:opacity 1.15s ease}
.commercial-photo.active{opacity:1}
@media(prefers-reduced-motion:reduce){.commercial-photo{transition:none}}

/* Smart controls photograph beside “A more intelligent building”. */
.energy-card{background-image:linear-gradient(180deg,rgba(2,32,56,.08),rgba(2,32,56,.40)),url('assets/jjacr-smart-control.webp')!important;background-size:auto,cover!important;background-position:center,center!important;background-repeat:no-repeat!important}
.energy-card .solar-roof,.energy-card .battery{display:none!important}

/* JJ ACR blue typography, without label backgrounds. */
.energy-card h3,.energy-card p{position:relative;z-index:1;color:#063b6d!important;background:transparent!important;padding:0!important;text-shadow:0 1px 2px rgba(255,255,255,.7)}
.energy-card h3{font-weight:800}

/* Centre the complete copy as a group; don't constrain it to the old 220/270px widths. */
.energy-card{display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:left;min-height:390px;height:auto;overflow:visible}
.energy-card h3,.energy-card p{position:static!important;display:block;flex:0 0 auto;inset:auto!important;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word;line-height:1.45}
.energy-card h3{margin-bottom:14px!important;font-weight:800;line-height:1.2}
.energy-card p{font-size:14px;line-height:1.65}
@media(max-width:620px){.energy-card{min-height:360px;padding:24px}.energy-card h3{font-size:23px}.energy-card p{font-size:14px}}