.hero-carousel{position:relative;background:#18261b;border-radius:0 0 18px 18px;overflow:hidden;isolation:isolate}
.hero-slide-stage{position:relative;aspect-ratio:1672/941;touch-action:pan-y}
.hero-slide,.hero-slide-link,.hero-slide picture{display:block;width:100%;height:100%}
.hero-slide[hidden]{display:none}
.hero-slide{position:absolute;inset:0;animation:hero-reveal .45s ease both}
.hero-slide-link img{display:block;width:100%;height:100%;object-fit:contain}
.hero-slide-link:focus-visible{outline:4px solid #fff;outline-offset:-6px}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:#0a160c85;color:white;border:1px solid #ffffff60;border-radius:50%;z-index:3;backdrop-filter:blur(8px);transition:background .2s}
.hero-arrow:hover{background:#0a160ccc}.hero-arrow svg{width:23px;height:23px}.hero-prev{left:16px}.hero-next{right:16px}
.hero-carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:5px 20px;background:#fcfaf6;color:#26382b}
.hero-dots{display:flex;gap:4px}.hero-dots button{width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;padding:0}.hero-dots span{width:8px;height:8px;display:block;background:#b9bcb6;border-radius:8px;transition:width .2s,background .2s}.hero-dots [aria-current=true] span{width:24px;background:#234330}
.hero-counter{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#6c726a}.hero-play{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #dedfd9;background:white;color:#234330;font-size:15px}
.hero-carousel button:focus-visible{outline:3px solid #af1747;outline-offset:3px}
@keyframes hero-reveal{from{opacity:.5}to{opacity:1}}
@media(max-width:767px){.hero-carousel{border-radius:0 0 14px 14px}.hero-slide-stage{aspect-ratio:941/1672}.hero-arrow{top:48%;width:34px;height:34px;background:#0a160c70}.hero-arrow svg{width:20px;height:20px}.hero-prev{left:7px}.hero-next{right:7px}.hero-carousel-controls{min-height:50px;gap:14px}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.hero-dots span,.hero-arrow{transition:none}}

.hero-slide-stage[data-original=true]{aspect-ratio:auto}
.hero-slide-stage[data-original=true] .hero-slide:not([hidden]){position:relative;height:auto}
.hero-slide .hero{border-radius:0}