/* Aflex Page Hero: solid Aflex Blue band with the facility photo laid over the top, the
   same way the Bellows Types hero does it, so the band stays the brand blue.
   Sits in a full-bleed section (row width 100%). */
.mw-hero{position:relative;overflow:hidden;isolation:isolate;width:100%;background:#008bc0;font-family:'Open Sans',system-ui,Arial,sans-serif}

/* Photo sits OVER the blue, not under it. multiply is what keeps the composite from ever
   going lighter than #008BC0: a plain semi-transparent overlay washes the blue out wherever
   the photo is bright, which on a lit workshop shot lands right behind the copy. */
.mw-hero__bg{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;opacity:.38;mix-blend-mode:multiply;z-index:1}

.mw-hero__wrap{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:46px 40px 50px}

.mw-hero__eye{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#fff;margin-bottom:14px}
.mw-hero__eye::before{content:"";flex:0 0 auto;width:26px;height:2px;background:#fff}

/* 34ch keeps every page title in the set on one line, which is what makes the band shallow */
.mw-hero__h1{color:#fff;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin:0;max-width:34ch;text-wrap:balance}
.mw-hero__lead{color:#eaf6fb;font-size:16px;line-height:1.58;margin:12px 0 0;max-width:68ch}

@media(max-width:980px){.mw-hero__wrap{padding:36px 24px 40px}}