/* Three-scene hero banner. The first scene remains the no-JS fallback. */
.hero-global{background-image:url("images/hero-global-supply-house.png")!important;background-color:#081a2c}
.hero-slide-layer{position:absolute;inset:0;z-index:0;overflow:hidden;background:#081a2c}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.07);transition:opacity 1s ease,transform 8s cubic-bezier(.16,1,.3,1)}
.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,40,.9) 0%,rgba(4,22,40,.67) 36%,rgba(4,22,40,.1) 78%)}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(4,22,40,.28),rgba(4,22,40,.1) 48%,transparent 82%)}
.hero-visual-layer{z-index:2}
.hero-grid,.hero-bottom{z-index:3}
.hero-bottom{align-items:center}
.hero-slide-controls{display:flex;align-items:center;gap:9px;margin-left:auto}
.hero-slide-control{display:inline-flex;align-items:center;gap:8px;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:6px 8px 8px;background:transparent;color:#b9c8d0;cursor:pointer;font:inherit;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;transition:color .25s ease,border-color .25s ease,transform .25s ease}
.hero-slide-control:hover{color:#fff;transform:translateY(-2px)}
.hero-slide-control.is-active{color:#fff;border-bottom-color:#e34b43}
.hero-slide-control b{color:#e34b43;font-size:10px;font-weight:700}
.hero-slide-control small{font-size:8px;letter-spacing:1px;opacity:.8}
.hero-slide-progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:#e34b43;z-index:2;transition:width 8s linear}
.hero-slide.is-active .hero-slide-progress{width:100%}
.hero-actions .button-ghost{background:rgba(54,95,82,.95);color:#fff;border:1px solid rgba(255,255,255,.78);box-shadow:0 8px 18px rgba(4,22,40,.18);text-shadow:0 1px 1px rgba(0,0,0,.18)}
.hero-actions .button-ghost:hover{background:#f0dca8;color:#263f38;border-color:#f0dca8;text-shadow:none}
@media(max-width:900px){.hero-slide-control small{display:none}.hero-slide-controls{gap:4px}}
@media(max-width:640px){.hero-slide:after{background:linear-gradient(90deg,rgba(4,22,40,.92),rgba(4,22,40,.52) 70%,rgba(4,22,40,.16))}.hero-slide-controls{margin-left:0}.hero-bottom{justify-content:space-between}.hero-slide-control{padding-left:4px;padding-right:4px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}.hero-slide-progress{transition:none}.hero-slide-control{transition:none}}