.hero-slideshow .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1100ms ease;pointer-events:none}.hero-slideshow .hero-slide.is-active{opacity:1}.hero-slide picture{display:block;width:100%;height:100%}.hero-slideshow .hero-slide img{width:100%;height:100%;object-fit:cover}.home-photo-credit[hidden],.hero-slideshow-controls[hidden]{display:none!important}
.hero-slideshow-controls{position:absolute;bottom:28px;left:48px;z-index:3;display:flex;align-items:center;gap:6px;max-width:calc(100% - 96px);padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;opacity:.58;transition:opacity 180ms ease}.hero-slideshow-controls:hover,.hero-slideshow-controls:focus-within{opacity:1}.hero-slideshow-controls button{background:none;color:#fff;border:0;cursor:pointer;display:grid;place-items:center;min-height:32px;flex-shrink:0;padding:0;text-shadow:0 1px 5px #10271ed9}.hero-slideshow-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:3px}.hero-slide-dots{display:flex;align-items:center;gap:0}.hero-slide-dots button{width:24px;min-height:32px}.hero-slide-dots button>span{width:4px;height:4px;background:#fff;border:0;border-radius:50%;opacity:.55;box-shadow:0 1px 4px #13281bb3;transition:opacity 180ms ease,transform 180ms ease}.hero-slide-dots button[aria-current=true]>span{opacity:1;transform:scale(1.6);background:#fff}.hero-slide-dots button:hover>span{opacity:1}.hero-slideshow-toggle{font-family:Arial,sans-serif;font-size:13px;font-weight:400;min-width:26px;width:26px;opacity:.8}.hero-slide-arrow{position:absolute;top:0;width:26px;opacity:0;pointer-events:none;transition:opacity 180ms ease}.hero-slide-arrow[data-slide-previous]{left:-29px}.hero-slide-arrow[data-slide-next]{right:-29px}.hero-slide-arrow span{font-size:24px;font-weight:400;line-height:1}.hero-slideshow-controls:hover .hero-slide-arrow,.hero-slideshow-controls:focus-within .hero-slide-arrow{opacity:.8;pointer-events:auto}.hero-slideshow-controls button:disabled{opacity:.2;cursor:not-allowed}.home-hero [data-slide-credit]{z-index:3;max-width:calc(100% - 370px);background:#10271e69;border-color:#ffffff24;padding:10px 13px;font-size:9px;backdrop-filter:blur(3px)}
@media(max-width:1190px){.hero-slideshow-controls{left:32px;bottom:28px}.home-hero [data-slide-credit]{max-width:calc(100% - 325px)}.home-hero-content{padding-bottom:110px}}
@media(max-width:940px){.hero-slideshow-controls{left:32px;bottom:75px}.home-hero-content{padding-bottom:145px}.home-hero [data-slide-credit]{max-width:calc(100% - 64px)}}
@media(max-width:650px){.home-hero{min-height:705px}.home-hero-content{padding-bottom:148px}.hero-slideshow-controls{left:21px;right:auto;bottom:76px;max-width:calc(100% - 42px);gap:5px;justify-content:flex-start;padding:0}.hero-slide-dots button{width:24px;min-height:32px}.hero-slideshow-toggle{min-width:26px;padding:0;font-size:13px}.hero-slide-arrow[data-slide-previous]{left:-21px;width:21px}.hero-slide-arrow[data-slide-next]{right:-26px}.home-hero [data-slide-credit]{max-width:none;min-height:36px;display:flex;align-items:center;gap:5px;left:21px;right:auto;max-width:calc(100% - 42px);font-size:8px;padding:8px 10px;background:#10271e59;border-color:#ffffff20;bottom:22px}.hero-slide-dots button>span{width:4px;height:4px}}
@media(max-width:370px){.hero-slide-dots button{width:23px}.home-hero-content{padding-bottom:150px}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-slide{transition:none}.hero-slide-dots button>span,.hero-slideshow-controls,.hero-slide-arrow{transition:none}}
.hero-slide-estrada-house img{object-position:55% 60%}.hero-slide-vancouver-rooftops img{object-position:58% 58%}.hero-slide-maple-ridge-barn img{object-position:53% 55%}.hero-slide-maple-ridge-rooftop img{object-position:63% 62%}.hero-slide-west-vancouver-solar img{object-position:55% 58%}.hero-slide-pitt-meadows-solar img{object-position:53% 60%}.hero-slide-residential-aerial img{object-position:54% 50%}.hero-slide-residential-flat-roof img{object-position:52% 55%}
@media(max-width:650px){.hero-slide-estrada-house img{object-position:55% 58%}.hero-slide-vancouver-rooftops img{object-position:59% 52%}.hero-slide-maple-ridge-barn img{object-position:53% 50%}.hero-slide-maple-ridge-rooftop img{object-position:65% 55%}.hero-slide-west-vancouver-solar img{object-position:53% 52%}.hero-slide-pitt-meadows-solar img{object-position:51% 58%}.hero-slide-residential-aerial img{object-position:53% 50%}.hero-slide-residential-flat-roof img{object-position:48% 55%}}

/* Vancouver net-zero duplex: retain a clear view of the main roof arrays. */
.hero-slide-vancouver-netzero-duplex img{object-position:55% 55%}
@media(max-width:650px){.hero-slide-vancouver-netzero-duplex img{object-position:55% 55%}}

/* Fraser River float house: third slide, centred on the solar roof. */
.hero-slide-fraser-river-float-house img{object-position:52% 57%}
@media(max-width:650px){.hero-slide-fraser-river-float-house img{object-position:52% 55%}}
