/* Four editorial banners share a canvas; existing page copy and navigation stay in place. */
.industrial-banner{position:relative;isolation:isolate;overflow:hidden;min-height:480px;background:#091c31;color:#fff}
.industrial-banner .hero-background{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.industrial-banner .hero-background picture{display:block;width:100%;height:100%}
.industrial-banner .hero-background img,.industrial-banner .hero-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;z-index:-2}
.industrial-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#091c31e8 0%,#091c31c4 29%,#091c3159 48%,#091c310a 69%,#091c3100 100%)}
.industrial-banner .hero-shade{display:none}
.industrial-banner>.container{position:relative;z-index:1;padding-top:24px}
.contact-hero.industrial-banner{padding:0 0 48px}
.news-hero.industrial-banner .hero-content{padding-bottom:48px}
.industrial-banner .hero-copy{max-width:560px}
.industrial-banner .hero-description,.industrial-banner .hero-copy>p,.contact-hero.industrial-banner .container>span{color:#cad7e5}
@media(min-width:1600px){.industrial-banner{min-height:510px}}
@media(max-width:1100px) and (min-width:701px){
 .industrial-banner::before{background:linear-gradient(90deg,#091c31f2 0%,#091c31d6 37%,#091c3173 57%,#091c311f 81%)}
 .industrial-banner .hero-background img,.industrial-banner .hero-photo{object-position:65% center}
}
@media(max-width:700px){
 .industrial-banner,.contact-hero.industrial-banner{min-height:0;padding-bottom:220px}
 .industrial-banner>.container{padding-top:20px}
 .industrial-banner .hero-background{inset:auto 0 0;width:100%;height:240px}
 .industrial-banner .hero-background img,.industrial-banner .hero-photo{object-position:79% center}
 .industrial-banner .hero-photo{inset:auto 0 0;height:240px}
 .industrial-banner[data-section-banner="contact"] .hero-background img{object-position:78% center}
 .industrial-banner::before{background:linear-gradient(180deg,#091c31 0%,#091c31 calc(100% - 250px),#091c3140 calc(100% - 130px),#091c3100 100%)}
 .industrial-banner .hero-copy{padding-bottom:25px}
 .news-hero.industrial-banner .hero-content{padding-bottom:30px}
 .contact-hero.industrial-banner>.container{padding-bottom:30px}
}