/* Content-led hero photography for all inner pages. */
body:not(.page-index) .page-head{
  --hero-image:url('../images/workshop-wide.webp');
  --hero-position:center 46%;
  min-height:500px;
  display:flex;
  align-items:center;
  padding:86px 0 92px;
  background-color:#111417;
  background-image:var(--hero-image);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:var(--hero-position);
  isolation:isolate;
}
body:not(.page-index) .page-head::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(9,12,14,.94) 0%,rgba(9,12,14,.83) 42%,rgba(9,12,14,.48) 68%,rgba(9,12,14,.25) 100%),linear-gradient(0deg,rgba(6,8,10,.42),rgba(6,8,10,.06) 62%);
}
body:not(.page-index) .page-head::after{
  z-index:1;
  border-color:rgba(234,66,1,.22);
}
body:not(.page-index) .page-head .container{z-index:2}
body:not(.page-index) .page-head h1{max-width:930px;color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.34)}
body:not(.page-index) .page-head h1 span{color:#ff6a2c}
body:not(.page-index) .page-head p{max-width:760px;color:#e0e3e4;text-shadow:0 2px 15px rgba(0,0,0,.5)}
body:not(.page-index) .page-head .breadcrumb,body:not(.page-index) .page-head .breadcrumb a{color:#d5d9db}
body:not(.page-index) .page-head .button.outline{color:#fff;border-color:rgba(255,255,255,.62)}

/* Each image is a real company/product photograph already used on the site. */
body.page-about .page-head{--hero-image:url('../images/about-office-hero.webp');--hero-position:center 30%}
body.page-products .page-head,body.page-product .page-head{--hero-image:url('../images/corrugated.webp');--hero-position:center 54%}
body.page-applications .page-head{--hero-image:url('../images/pe-pipe.webp');--hero-position:center 55%}
body.page-manufacturing .page-head{--hero-image:url('../images/workshop.webp');--hero-position:center 48%}
body.page-xzl-trace .page-head{--hero-image:url('../images/workshop-wide.webp');--hero-position:center 46%}
body.page-news .page-head,body.page-guide .page-head{--hero-image:url('../images/pe-production.webp');--hero-position:center 48%}
body.page-resources .page-head{--hero-image:url('../images/building.webp');--hero-position:center 46%}
body.page-contact .page-head{--hero-image:url('../images/about-office.webp');--hero-position:center 53%}

@media(max-width:760px){
  body:not(.page-index) .page-head{min-height:430px;padding:68px 0 72px;--hero-position:62% center}
  body:not(.page-index) .page-head::before{background:linear-gradient(90deg,rgba(9,12,14,.94),rgba(9,12,14,.72)),linear-gradient(0deg,rgba(6,8,10,.46),transparent 66%)}
  body:not(.page-index) .page-head::after{width:280px;height:280px;border-width:56px;right:-120px;top:-150px}
  body:not(.page-index) .page-head h1{font-size:clamp(40px,12.4vw,58px)}
  body.page-about .page-head{--hero-position:34% 30%}
  body.page-resources .page-head{--hero-position:64% center}
  body.page-contact .page-head{--hero-position:58% center}
}
@media(prefers-reduced-motion:reduce){body:not(.page-index) .page-head{background-attachment:scroll}}