.home-reference .elk-hero{overflow:hidden}.hero-slides{position:absolute;inset:0;z-index:-2;background:#202020;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease-in-out}.hero-slide.active{opacity:1;z-index:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transform:scale(1.02)}.hero-slide.active img,.hero-slide.leaving img{animation:roof-ken-burns 9s linear both}.hero-slide:nth-child(2) img{transform-origin:65% 40%}.hero-slide:nth-child(3) img{transform-origin:30% 55%}.elk-hero.is-paused .hero-slide img{animation-play-state:paused}@keyframes roof-ken-burns{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1%,.5%,0)}}.hero-controls{position:absolute;bottom:112px;right:max(30px,calc((100% - 1140px)/2));display:flex;align-items:center;gap:16px;z-index:2}.hero-controls button{cursor:pointer;border:1px solid #ffffff70;color:white;background:#16161666;display:grid;place-items:center}.hero-pause{width:38px;height:38px;border-radius:50%;font-size:16px}.hero-dots{display:flex;gap:2px}.hero-dots button{width:30px;height:38px;border:0;background:transparent}.hero-dots button::before{content:'';width:9px;height:9px;border:1px solid white;border-radius:50%}.hero-dots button[aria-pressed=true]::before{background:white}.hero-controls button:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:700px){.hero-controls{bottom:65px;right:20px}.home-reference .elk-hero{padding-bottom:130px}.elk-hero>small{bottom:32px;font-size:8px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide.active img,.hero-slide.leaving img{animation:none}}

.hero-slide img{object-position:center 35%}.hero-slide:nth-child(2) img{object-position:center 28%}.hero-slide:nth-child(3) img{object-position:center 30%}

/* Supplied roof photographs: keep the finished roof surfaces in frame. */
.hero-slide:nth-child(1) img{object-position:55% 43%;transform-origin:60% 45%}.hero-slide:nth-child(2) img{object-position:50% 55%;transform-origin:50% 55%}.hero-slide:nth-child(3) img{object-position:50% 43%;transform-origin:55% 45%}

/* Keep slideshow controls clear of the taller roof-shaped cards. */
.hero-controls{bottom:185px}@media(max-width:700px){.hero-controls{bottom:120px}.home-reference .elk-hero{padding-bottom:180px}}