/* Service page photography: scoped here so the homepage stays unchanged. */
.service-banner{position:relative;isolation:isolate;overflow:hidden;background:#001d31;color:#fff}
.service-banner .service-banner-photo,.service-banner .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.service-banner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,22,39,.96) 0%,rgba(0,22,39,.9) 36%,rgba(0,22,39,.76) 60%,rgba(0,22,39,.3) 100%)}
.service-banner.detail-head{padding:60px 0 70px}
.service-banner.detail-head h1{max-width:780px}
.service-banner.detail-head p{max-width:680px;color:#f0f4f7}
.service-banner .breadcrumb,.service-banner .hero-phone{color:#fff}
.service-banner--incendie .service-banner-photo{object-position:65% 42%}
.service-banner--eaux .service-banner-photo{object-position:65% 65%}
.service-banner--reprise .service-banner-photo{object-position:65% 45%}
.service-banner--investigation .service-banner-photo{object-position:70% 55%}
.service-banner--renovation .hero-inner{min-height:560px;padding-top:65px;padding-bottom:85px}
.service-banner--renovation .hero-copy{max-width:760px}
.service-banner--renovation .hero-photo{object-position:65% center}
@media(max-width:760px){
 .service-banner::after{background:linear-gradient(90deg,rgba(0,22,39,.9),rgba(0,22,39,.8))}
 .service-banner.detail-head{padding:38px 0 48px}
 .service-banner--renovation .hero-inner{min-height:0;padding-top:45px;padding-bottom:85px}
 .service-banner .service-banner-photo,.service-banner .hero-photo{object-position:60% center}
}