.hero-carousel { position:relative; min-width:0; width:100%; }
.hero-carousel__viewport { position:relative; overflow:hidden; aspect-ratio:1586 / 992; background:#eeeae2; border-radius:14px; touch-action:pan-y pinch-zoom; box-shadow:0 12px 34px #34322212; }
.hero-carousel__slide { position:absolute; inset:0; margin:0; }
.hero-carousel__slide[hidden] { display:none; }
.hero-carousel .hero-carousel__slide img { display:block; width:100%; height:100%; object-fit:contain; border:0; border-radius:0; user-select:none; -webkit-user-drag:none; }
.hero-carousel__advance { position:absolute; inset:0; width:100%; padding:0; border:0; background:transparent; cursor:pointer; z-index:2; border-radius:14px; }
.hero-carousel__arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:44px; height:44px; display:grid; place-items:center; padding:0; border:1px solid #ffffffa8; border-radius:50%; color:#292e2b; background:#fffef5ed; box-shadow:0 3px 12px #182a2220; cursor:pointer; transition:background .18s ease; }
.hero-carousel__arrow:hover { background:#fff; }
.hero-carousel__arrow--previous { left:12px; }
.hero-carousel__arrow--next { right:12px; }
.hero-carousel__arrow svg { width:20px; height:20px; }
.hero-carousel__footer { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-top:12px; min-height:44px; }
.hero-carousel__caption { margin:0; color:#4d5853; font-size:12px; letter-spacing:.025em; flex:1; }
.hero-carousel__dots { display:flex; gap:0; }
.hero-carousel__dot { padding:0; width:32px; height:44px; border:0; background:transparent; display:grid; place-items:center; cursor:pointer; }
.hero-carousel__dot::before { content:""; width:7px; height:7px; border-radius:9px; background:#c6c9bf; transition:width .2s,background .2s; }
.hero-carousel__dot[aria-current="true"]::before { width:21px; background:#8d680d; }
.hero-carousel__counter { font-size:12px; font-variant-numeric:tabular-nums; letter-spacing:.1em; color:#657069; margin-left:12px; }
.hero-carousel button:focus-visible { outline:3px solid #8d680d; outline-offset:3px; }
.hero-carousel__advance:focus-visible { outline-offset:-5px; }
.hero-carousel__status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hero-carousel:not(.is-ready) .hero-carousel__advance, .hero-carousel:not(.is-ready) .hero-carousel__arrow, .hero-carousel:not(.is-ready) .hero-carousel__footer { display:none; }
@media(max-width:560px) { .hero-carousel__caption { font-size:10px; } .hero-carousel__counter { margin-left:4px; font-size:10px; } .hero-carousel__dot { width:28px; } .hero-carousel__arrow--previous { left:8px; } .hero-carousel__arrow--next { right:8px; } }
@media(prefers-reduced-motion:reduce) { .hero-carousel *, .hero-carousel *::before { transition:none !important; } }