.hero-slider{isolation:isolate}@media(max-width:700px){.hero-slider{min-height:420px;height:clamp(420px,72svh,600px)}.hero-slide-content{padding-block:72px 78px}.hero-slide-content h1{font-size:clamp(1.8rem,8vw,2.4rem)}.hero-slide-content p{margin-bottom:18px}}
.hero-slider{height:min(650px,calc(100vh - 78px));min-height:500px;position:relative;background:#0c2549;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease}.hero-slide picture,.hero-slide picture img{width:100%;height:100%;display:block}.hero-slide picture img{object-fit:cover}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,19,42,var(--slide-overlay)),rgba(4,19,42,calc(var(--slide-overlay) * .55)),rgba(4,19,42,.12))}.hero-slide-content{position:relative;z-index:1;height:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;color:#fff;max-width:1180px}.hero-slide-content .eyebrow{color:#ffd970}.hero-slide-content h1{max-width:780px;margin:14px 0 18px;font-size:clamp(2.2rem,5vw,4.8rem)}.hero-slide-content p{max-width:650px;font-size:clamp(1rem,2vw,1.25rem);color:#edf5ff;margin:0 0 28px}.hero-slider-controls{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center}.hero-slider-controls>button,.hero-slider-dots button{border:0;background:#fff;color:#0d2a50;border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer}.hero-slider-dots{display:flex;gap:8px}.hero-slider-dots button{width:9px;height:9px;padding:0;background:#ffffff88}.hero-slider-dots button.is-active{background:#fff;width:28px;border-radius:12px}@media(max-width:700px){.hero-slider{min-height:550px;height:calc(100svh - 70px)}.hero-slide-content{width:min(100% - 36px,1180px)}.hero-slide-overlay{background:linear-gradient(0deg,rgba(4,19,42,.88),rgba(4,19,42,.3))}.hero-slider-controls{bottom:18px}.hero-slide-content h1{font-size:2.4rem}.hero-slide-content p{font-size:1rem}}
