/* Three stories, one continuous hero · v48 */
.hero-carousel{height:740px;background:#073B33}
.hero-pictures{position:absolute;inset:0;z-index:-2;pointer-events:none}
.hero-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .75s ease}
.hero-picture.is-active{opacity:1}
.hero-carousel .wrap{padding-top:58px;padding-bottom:28px}
.hero-carousel .hero-copy{min-height:395px}
.hero-carousel h1{font-size:clamp(44px,4.2vw,62px);max-width:560px;min-height:3.15em}
.hero-carousel .hero-copy>p{min-height:82px;margin:20px 0 24px}
.hero-carousel .hero-bottom{margin-top:18px}
.hero-controls{display:flex;align-items:center;gap:20px;margin-top:18px;color:#fff}
.hero-pages{display:flex;gap:6px}
.hero-controls button{appearance:none;background:transparent;color:inherit;font:inherit;cursor:pointer;border:0;min-width:44px;min-height:44px}
.hero-page{position:relative;font-size:12px!important;opacity:.6;border-bottom:2px solid transparent!important}
.hero-page[aria-pressed=true]{opacity:1;border-bottom-color:currentColor!important}
.hero-pause{display:flex;gap:8px;align-items:center;font-size:12px!important;padding:0 8px}
.hero-controls button:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:5px}
@media(min-width:768px) and (max-width:1100px){.hero-carousel h1{font-size:46px;max-width:460px}.hero-carousel .hero-copy{max-width:460px}.hero-carousel .hero-copy>p{max-width:360px;font-size:15px}.hero-carousel .hero-stats{width:430px}.hero-carousel .hero-stat{padding-inline:14px}}
@media(max-width:767px){
 .hero-carousel{height:auto;min-height:0}
 .hero-carousel .hero-pictures{height:385px}
 .hero-carousel .hero-picture{object-position:79% center}
 .hero-carousel::after{background:linear-gradient(180deg,transparent 220px,#0B141A 385px)}
 .hero-carousel .wrap{padding:335px 24px 24px}
 .hero-carousel .hero-copy{min-height:0;max-width:none}
 .hero-carousel h1{font-size:38px;max-width:420px;min-height:3.24em}
 .hero-carousel .hero-copy>p{min-height:115px;font-size:15px;max-width:420px}
 .hero-carousel .hero-bottom{gap:16px;margin-top:24px}
 .hero-carousel .hero-stats{width:100%}
 .hero-carousel .hero-note{font-size:10px}
 .hero-controls{margin-top:20px}
}
@media(max-width:380px){.hero-carousel h1{font-size:34px}.hero-carousel .ctas{flex-direction:column;align-items:stretch}.hero-carousel .ctas .btn{flex:auto}.hero-carousel .hero-stat{padding-inline:8px}.hero-carousel .hero-stat strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hero-picture{transition:none}}