.hero-carousel .hero-slides{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hero-slides::-webkit-scrollbar{display:none}
.hero-carousel .hero-slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start}
.hero-slide>a{display:block;width:100%;height:100%}
.hero-slides:focus-visible,.hero-slide>a:focus-visible{outline:3px solid #ffcf25;outline-offset:-4px}
.hero-carousel .hero-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#fff;color:#102f50;border-radius:28px;padding:5px;box-shadow:0 3px 16px #102f5030;z-index:1}
.hero-controls[hidden]{display:none}
.hero-controls button{width:44px;height:44px;border:0;border-radius:50%;background:#102f50;color:white;font-size:22px;cursor:pointer}
.hero-controls button:focus-visible{outline:3px solid #ffcf25;outline-offset:2px}
.hero-controls span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}
.hero-image-link{position:absolute;top:16px;right:16px;background:#fff;color:#102f50;border-radius:20px;padding:8px 14px;font-weight:700;box-shadow:0 2px 12px #102f5020}