/* Photo presentation, original brand and page content retained. */
.hero::before{background:linear-gradient(90deg,rgba(10,22,40,.83),rgba(10,22,40,.48) 52%,rgba(10,22,40,.12));z-index:-1}
.roof-slides{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#1b2a4a}
.roof-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s ease}
.roof-slide.is-active{opacity:1}
.slideshow-controls{position:absolute;bottom:22px;right:var(--gutter);display:flex;align-items:center;gap:10px;color:#fff}
.slideshow-controls[hidden]{display:none}
.ss-bars{display:flex;gap:2px}
.ss-bar{position:relative;width:34px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.ss-bar::before,.ss-bar span{content:"";position:absolute;left:3px;right:3px;top:50%;height:3px;margin-top:-1.5px;border-radius:2px}
.ss-bar::before{background:rgba(255,255,255,.35)}
.ss-bar span{background:#fff;transform:scaleX(0);transform-origin:left}
.ss-bar.is-done span{transform:scaleX(1)}
.ss-bar.is-active span{animation:ss-fill var(--ss-dur,6500ms) linear forwards}
.is-paused .ss-bar.is-active span{animation:none;transform:scaleX(1)}
.ss-bar:hover::before{background:rgba(255,255,255,.6)}
@keyframes ss-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ss-pause{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:#fff;cursor:pointer}
.ss-pause::before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(10,22,40,.35);transition:background .2s}
.ss-pause:hover::before{background:rgba(10,22,40,.6)}
.ss-pause svg{position:relative;width:11px;height:11px;fill:currentColor}
.ss-ico-play{display:none}
.is-paused .ss-ico-play{display:block}.is-paused .ss-ico-pause{display:none}
.ss-bar:focus-visible,.ss-pause:focus-visible{outline:2px solid #e0c476;outline-offset:-2px;border-radius:4px}
.roof-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.roof-gallery figure{margin:0;overflow:hidden;background:#f5f5f2}
.roof-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:899px){.roof-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:599px){.hero::before{background:linear-gradient(90deg,rgba(10,22,40,.84),rgba(10,22,40,.46))}.hero>.wrap{padding-bottom:116px}.hero{min-height:calc(100svh - 64px)}.slideshow-controls{bottom:14px;right:var(--gutter);gap:4px}.ss-bar{width:26px}.roof-gallery{grid-template-columns:1fr}.roof-slide{object-position:55% center}}
@media(prefers-reduced-motion:reduce){.roof-slide{transition:none}.ss-bar.is-active span{animation:none;transform:scaleX(1)}}