.vp-hero-slides { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.vp-hero-slides .vp-hero-image { z-index:auto; opacity:0; transition:opacity 1000ms ease; object-position:center; }
.vp-hero-slides .vp-hero-image:first-child, .vp-hero-slides .vp-hero-image.is-active { opacity:1; }
.vp-hero-slides.is-ready .vp-hero-image:not(.is-active) { opacity:0; }
.vp-hero-controls { display:flex; align-items:center; flex-wrap:wrap; gap:0; margin-top:24px; }
.vp-hero-controls .vp-hero-dot { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.vp-hero-dot::before { content:''; width:9px; height:9px; border:1px solid white; border-radius:50%; background:rgb(255 255 255 / 25%); }
.vp-hero-dot[aria-pressed="true"]::before { background:#8be2dc; border-color:#8be2dc; box-shadow:0 0 0 3px rgb(139 226 220 / 20%); }
.vp-hero-dot:hover::before { background:white; }
@media (prefers-reduced-motion:reduce) { .vp-hero-slides .vp-hero-image { transition:none; } }