body .hero-slideshow { position: relative; isolation: isolate; overflow: hidden; }
.hero-slides { position: absolute; inset: 0; z-index: -1; background: #152d3c; }
.hero-slides::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.4); }
.hero-slides .hero-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transform: scale(1.03); transition: opacity 1.2s ease, transform 6s ease; }
.hero-slides .hero-slide.is-active { opacity: 1; transform: scale(1); }
.hero-slider-dots:not([hidden]) { display: flex; justify-content: center; position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); }
.hero-slider-dot { display: grid; place-items: center; width: 32px; height: 36px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.hero-slider-dot::before { content: ""; width: 8px; height: 8px; border: 1px solid white; border-radius: 50%; background: rgba(255,255,255,.35); }
.hero-slider-dot[aria-pressed="true"]::before { background: white; }
.hero-slider-dot:focus-visible { outline: 2px solid white; outline-offset: -2px; border-radius: 6px; }