/* Full-width photographic section banners, matching the home hero. */
.industrial-preview .material-header{background:linear-gradient(90deg,rgba(13,25,39,.94),rgba(13,25,39,.76) 52%,rgba(13,25,39,.35)),url('/sq/_visual/resin-foam-original.jpg') center 48%/cover;color:#fff;border:0;padding:54px 0 58px}
.industrial-preview .material-header[data-material-background="tunnel"]{background-image:linear-gradient(90deg,rgba(13,25,39,.94),rgba(13,25,39,.72) 52%,rgba(13,25,39,.28)),url('/sq/_visual/tunnel.jpg');background-position:center 55%}
.industrial-preview .material-header>.rb-container{display:block}
.industrial-preview .material-header-copy{max-width:800px}
.industrial-preview .material-header h1{color:#fff;font-size:clamp(34px,3.6vw,50px);line-height:1.13;letter-spacing:-1.3px;margin:18px 0 24px;max-width:850px}
.industrial-preview .material-header .rb-lead{color:#e4e9ed;font-size:17px;line-height:1.75;max-width:730px;margin-bottom:0}
.industrial-preview .material-header .rb-eyebrow{color:#fff;border-left:3px solid #c54e39;padding-left:14px;letter-spacing:1.7px}
.industrial-preview .material-header .rb-breadcrumb,.industrial-preview .material-header .rb-breadcrumb a,.industrial-preview .material-header .rb-breadcrumb span{color:#d5dce3}
.industrial-preview .material-header .rb-breadcrumb{margin:0 0 28px}
.industrial-preview .material-header .platform-role{color:#e2e7ec;border-color:#ffffff38;margin-top:28px;padding-top:20px}
.industrial-preview .material-header .platform-jump{margin-top:22px}
.industrial-preview .material-header .platform-jump a{background:#14233880;border-color:#ffffff70;color:#fff;border-radius:4px}
.industrial-preview .material-header .platform-jump a:hover{background:#fff;color:#203147}
.industrial-preview .material-header a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){.industrial-preview .material-header{padding:34px 0 40px;background-position:60% center}.industrial-preview .material-header h1{font-size:34px;letter-spacing:-.8px}.industrial-preview .material-header .rb-lead{font-size:15px}.industrial-preview .material-header .rb-breadcrumb{margin-bottom:22px}}

.industrial-preview .material-header[data-material-background="knowledge"]{background-image:linear-gradient(90deg,rgba(13,25,39,.92),rgba(13,25,39,.74) 52%,rgba(13,25,39,.30)),url('/sq/_design/editorial/rafal-photos/02-pakery-przy-rysie.webp');background-position:center 30%}
.industrial-preview .material-header[data-material-background="calculators"]{background-image:linear-gradient(90deg,rgba(13,25,39,.90),rgba(13,25,39,.68) 48%,rgba(13,25,39,.16)),url('/sq/_visual/calculators-concrete.png');background-position:center 55%}
.industrial-preview .material-header[data-material-background="contact"]{background-image:linear-gradient(90deg,rgba(13,25,39,.92),rgba(13,25,39,.70) 48%,rgba(13,25,39,.17)),url('/sq/_visual/contact-background.png');background-position:center 55%}
@media(max-width:760px){.industrial-preview .material-header[data-material-background="calculators"],.industrial-preview .material-header[data-material-background="contact"]{background-position:65% center}}
/* Horizontal crack, right-weighted crop; original photo stays untouched. */
.industrial-preview .material-header[data-material-background="knowledge"]{position:relative;isolation:isolate;overflow:hidden;background:#172333}
.industrial-preview .material-header[data-material-background="knowledge"]:before{content:"";position:absolute;z-index:-2;width:75vw;height:100vw;left:72%;top:78%;background:url('/sq/_design/editorial/rafal-photos/02-pakery-przy-rysie.webp') center/cover no-repeat;transform:translate(-50%,-50%) rotate(90deg)}
.industrial-preview .material-header[data-material-background="knowledge"]:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#172333 0%,rgba(23,35,51,.97) 27%,rgba(23,35,51,.78) 48%,rgba(23,35,51,.30) 72%,rgba(23,35,51,.18) 100%)}
@media(max-width:760px){.industrial-preview .material-header[data-material-background="knowledge"]:before{width:150vw;height:200vw;left:90%;top:55%}.industrial-preview .material-header[data-material-background="knowledge"]:after{background:linear-gradient(90deg,rgba(23,35,51,.96),rgba(23,35,51,.75))}}
/* Match the breathing room below the Products and Projects banners. */
.industrial-preview .knowledge-start{padding-top:52px}
@media(max-width:600px){.industrial-preview .knowledge-start{padding-top:34px}}