.hero-art.hero-slideshow{border-radius:22px;align-self:start;aspect-ratio:3/4;min-height:0;background:#dfd8e5}
.hero-slideshow .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-slideshow .hero-slide.is-active{opacity:1}
.slide-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:30px;background:rgba(20,38,76,.87);color:white}
.slide-controls button{border:0;background:transparent;color:white;min-width:32px;min-height:32px;padding:4px;border-radius:50%;font-size:18px}
.slide-controls button:hover{background:#ffffff25}
.slide-dots{display:flex;gap:4px;align-items:center}
.slide-controls .slide-dot{min-width:26px;min-height:32px;font-size:0}
.slide-dot::after{content:'';display:block;width:7px;height:7px;margin:auto;border-radius:50%;background:#ffffff70}
.slide-dot[aria-pressed="true"]::after{background:#f5a5cc;box-shadow:0 0 0 3px #f5a5cc30}
.slide-controls .slide-pause{font-size:11px;border-radius:20px;padding:4px 9px}
.slide-count{font-size:10px;letter-spacing:1px;white-space:nowrap}
@media(max-width:760px){.hero-art.hero-slideshow{height:auto;aspect-ratio:3/4;margin:10px 7% 35px}}
@media(prefers-reduced-motion:reduce){.hero-slideshow .hero-slide{transition:none}}