.hero-carousel{position:relative;min-width:0;overflow:hidden}
.hero-carousel .hero-image{box-shadow:none}
.hero-carousel{border-radius:30px;box-shadow:var(--shadow)}
.hero-carousel-caption{position:absolute;left:16px;top:16px;max-width:calc(100% - 32px);padding:8px 14px;border-radius:14px;background:rgba(20,24,26,.88);color:white;font-size:14px;font-weight:700;pointer-events:none}
.hero-carousel-controls{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:5px;border-radius:28px;background:rgba(20,24,26,.9);color:white;white-space:nowrap;max-width:calc(100% - 16px)}
.hero-carousel-controls button{min-width:44px;min-height:44px;border:0;border-radius:24px;background:transparent;color:white;padding:6px 10px}
.hero-carousel-controls button:hover{background:#41484b}.hero-carousel-controls button:focus-visible{outline:3px solid white;outline-offset:0}
.hero-carousel-controls span{font-size:13px;min-width:42px;text-align:center}
@media(max-width:660px){.hero-carousel{border-radius:22px}.hero-carousel-caption{font-size:12px;top:10px;left:10px;max-width:calc(100% - 20px)}}