.hero-carousel {min-width:0}
.hero-slide {position:relative; margin:0; border-radius:.45rem; overflow:hidden; background:#102b49}
.hero-slide[hidden] {display:none}
.hero-slide img {display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover}
.hero-slide figcaption {position:absolute; inset:auto 0 0; padding:2.2rem 1.2rem 1rem; color:white; background:linear-gradient(transparent, rgba(11,30,49,.96)); font-size:clamp(.92rem,1.6vw,1.2rem); font-weight:650}
.hero-controls {display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; margin-top:.65rem}
.hero-controls button {min-height:44px; min-width:44px; padding:.35rem .65rem; border:1px solid #b1c6d9; background:#f7f9fc; color:#103b55; border-radius:.3rem; cursor:pointer; font:inherit}
.hero-controls button:hover {background:#dceaf6}
.hero-controls button:focus-visible {outline:2px solid #075378; outline-offset:2px}
.hero-count {margin-left:auto; color:#344e69; font-variant-numeric:tabular-nums; font-size:.88rem}