.extraBanners{max-width:var(--content-width);margin:var(--section-space) auto;padding:0 var(--page-side-padding);position:relative}
.bannerViewport{position:relative;min-height:430px;background:var(--navy);overflow:hidden;border-radius:var(--media-radius)}
.extraBanner{position:absolute;inset:0;display:flex;align-items:center;background-position:center;background-size:cover;color:#fff;opacity:0;pointer-events:none;transform:translateX(25px);transition:opacity .55s ease,transform .55s ease;padding:65px clamp(28px,7vw,90px)}
.extraBanner.active{opacity:1;pointer-events:auto;transform:none}
.extraBanner>div{max-width:650px}
.extraBanner span{display:block;color:var(--green);font-size:10px;font-weight:900;letter-spacing:2.5px;margin-bottom:18px}
.extraBanner h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-3px;margin:0 0 20px}
.extraBanner p{max-width:570px;color:#d0dce3;line-height:1.7}
.extraBanner a{display:inline-flex;margin-top:18px;background:var(--red);color:#fff;padding:16px 22px;font-size:11px;font-weight:900;text-transform:uppercase;border-radius:var(--button-radius)}
.bannerNav{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:13px}
.bannerNav>button{width:42px;height:38px;border:0;background:var(--navy);color:#fff;font-size:18px;cursor:pointer}
.bannerNav>div{display:flex;gap:7px}
.bannerNav [data-banner-dot]{width:25px;height:5px;border:0;background:#cdd8dd;padding:0;cursor:pointer}
.bannerNav [data-banner-dot].active{background:var(--red)}
.heroVisual>video{width:100%;height:var(--hero-height);object-fit:cover}
@media(max-width:700px){.extraBanners{padding:0 12px}.bannerViewport{min-height:390px}.extraBanner{padding:45px 24px}.extraBanner h2{letter-spacing:-2px}.bannerNav{justify-content:center}}