/* Left-only shading keeps the text readable while the rest of each image stays clear. */
.hero-banner{position:relative;height:calc(80vh - 18px);height:calc(80svh - 18px);min-height:512px;max-height:862px;background:#26343b;isolation:isolate;overflow:hidden}
.hero-image{position:absolute;inset:0}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-photo-uniforms{object-position:65% center}.hero-photo-fitouts{object-position:60% center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,24,.88) 0%,rgba(6,17,24,.77) 26%,rgba(6,17,24,.47) 43%,rgba(6,17,24,.1) 61%,transparent 73%)}
.hero-slide-inner{position:relative;display:flex;align-items:center;height:100%;padding-top:36px;padding-bottom:36px}
.hero-copy{max-width:480px;color:white;text-align:left}
.hero-copy h1,.hero-copy h2{font-family:Lato,sans-serif;font-size:clamp(42px,4.4vw,68px);font-weight:700;line-height:1.05;color:#fff;margin:0 0 18px}
.hero-copy .hero-accent{font-family:Caveat,cursive;color:#f58220;font-size:clamp(32px,3.5vw,48px);line-height:1.1;margin:0 0 30px}
.hero-description{font-size:18px;line-height:1.6;max-width:390px;margin:0 0 27px;color:white}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .button{margin:0!important}
@media(max-width:849px){.hero-banner{height:calc(75svh - 16px);min-height:544px;max-height:744px}.hero-slide-inner{padding:32px 25px}.hero-copy{max-width:360px}.hero-description{font-size:16px;max-width:320px}.hero-shade{background:linear-gradient(90deg,rgba(6,17,24,.87),rgba(6,17,24,.63) 48%,rgba(6,17,24,.13) 85%,transparent)}.hero-photo-uniforms{object-position:68% center}.hero-accent{max-width:310px}}

.hero-actions a:focus-visible{outline:3px solid #f58220;outline-offset:3px}