.hero-carousel{position:relative;display:block;height:min(760px,calc(100svh - 86px));min-height:650px;overflow:hidden;background:#0b3155}
.hero-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .8s ease,visibility .8s ease}
.hero-slide.is-active{visibility:visible;opacity:1;z-index:1}
.hero-slide .truck-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.hero-slide .truck-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,43,.88) 0%,rgba(6,34,58,.74) 32%,rgba(9,44,67,.32) 58%,rgba(9,44,67,.03) 82%)}
.hero-slide .truck-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:72px 0 95px}
.hero-slide .hero-kicker{font-size:.8rem;color:#a5dbff;letter-spacing:.18em}
.hero-slide h1,.hero-slide h2{max-width:760px;margin:0;color:#fff;font-size:clamp(3.1rem,4.9vw,5rem);font-weight:900;line-height:1.03;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 2px 18px rgba(2,20,35,.18)}
.hero-slide p{max-width:610px;margin:1.45rem 0 0;color:#f0f7fc;font-size:clamp(1.05rem,1.2vw,1.2rem);line-height:1.6;text-shadow:0 1px 9px rgba(2,20,35,.32)}
.hero-slide .hero-actions{margin-top:2rem}
.hero-carousel-controls{position:absolute;z-index:4;left:50%;bottom:27px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-carousel-controls button{pointer-events:auto;cursor:pointer}
.hero-carousel-dots{display:flex;align-items:center;gap:11px}
.hero-carousel-dots button{width:43px;height:7px;padding:0;border:0;border-radius:0;background:rgba(255,255,255,.42);transition:background .2s,width .2s}
.hero-carousel-dots button.is-active{width:66px;background:#f47b20}
.hero-carousel-next{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(7,42,72,.36);color:#fff;font-size:1.5rem;line-height:1}
.hero-carousel-next:hover,.hero-carousel-next:focus-visible{background:#f47b20;border-color:#f47b20}
.hero-carousel button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:900px){.hero-carousel{height:690px;min-height:690px}.hero-slide .truck-hero-media{object-position:64% center}.hero-slide .truck-hero-shade{background:linear-gradient(90deg,rgba(5,24,43,.86),rgba(5,24,43,.53) 72%,rgba(5,24,43,.25))}.hero-slide h1,.hero-slide h2{max-width:680px;font-size:clamp(2.8rem,6vw,4.4rem)}}
@media(max-width:620px){.hero-carousel{height:690px;min-height:690px}.hero-slide .truck-hero-media{object-position:67% center}.hero-slide .truck-hero-shade{background:linear-gradient(180deg,rgba(5,24,43,.9) 0%,rgba(5,24,43,.76) 51%,rgba(5,24,43,.13) 100%)}.hero-slide .truck-hero-inner{justify-content:flex-start;padding:65px 0 115px}.hero-slide .hero-kicker{margin-bottom:.65rem;font-size:.69rem}.hero-slide h1,.hero-slide h2{font-size:clamp(2.55rem,11vw,3.35rem);max-width:100%;line-height:1.04}.hero-slide p{font-size:1rem;line-height:1.45;margin-top:1rem}.hero-slide .hero-actions{gap:.6rem;margin-top:1.4rem}.hero-slide .button{min-height:45px;padding:.7rem .85rem;font-size:.7rem}.hero-carousel-controls{bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-carousel-dots button{transition:none}}