.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,40,76,.97) 0%,rgba(8,40,76,.88) 48%,rgba(8,40,76,.25) 100%)}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.03);transition:opacity 1s ease,transform 6s ease}
.hero-media img.active{opacity:1;transform:scale(1.09)}
.hero-grid,.hero-glow,.hero-copy,.scroll{z-index:2}
.hero-photo-rail{display:none}
.photo-frame{position:relative;margin:55px 0 0;overflow:hidden;background:#dfe4e9}
.photo-frame img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}
.photo-frame figcaption{position:absolute;right:0;bottom:0;padding:11px 15px;background:rgba(16,31,56,.88);color:#fff;font:600 9px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}
.about-photo{grid-column:2}
.services-photo{margin:0;min-height:100%}
.services-photo img{min-height:100%;object-position:center}
.project-main-photo{height:440px;overflow:hidden;background:#e7ebef;padding:12px}
.project-main-photo img{width:100%;height:100%;object-fit:contain;display:block}
.thumb-row img{width:100%;height:112px;object-fit:contain;display:block;background:#e7ebef;padding:6px;border:3px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s}
.thumb-row img:hover,.thumb-row img:focus-visible{border-color:#7d8ca0;outline:none}
.thumb-row img.active{border-color:var(--lime)}
.thumb-row.two{grid-template-columns:repeat(2,1fr)}
body.concept-b .hero-media:after{background:linear-gradient(90deg,rgba(241,244,248,.98) 0%,rgba(241,244,248,.91) 50%,rgba(241,244,248,.18) 100%)}
@media(max-width:1000px){.hero-media img{object-position:62% center}.hero-media:after{background:linear-gradient(90deg,rgba(8,40,76,.98),rgba(8,40,76,.76))}.services-photo img{min-height:340px}.project-main-photo{height:380px}}
@media(max-width:850px){.about-photo{grid-column:1}.photo-frame img{min-height:320px}.project-main-photo{height:330px}.thumb-row img{height:100px}}
@media(max-width:520px){.hero-media img{object-position:68% center}.project-main-photo{height:260px}.thumb-row,.thumb-row.two{grid-template-columns:1fr 1fr}.thumb-row img{height:105px}}