.hero__visual:has(.hero-slider){display:block;align-self:stretch;min-width:0;min-height:490px;overflow:hidden;aspect-ratio:auto}
.hero-slider{position:relative;width:100%;height:100%;min-height:inherit;isolation:isolate;background:#e8e6df;touch-action:pan-y}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility 0s .65s;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .65s ease;z-index:1}
.hero-slide picture,.hero-slide img{display:block;width:100%;height:100%}
.hero-slide img{object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.hero-slider__controls{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100% - 24px);padding:4px 6px;border:1px solid #ffffff7a;border-radius:100px;background:#ffffffeb;box-shadow:0 5px 24px #102b2420;color:#183f37}
.hero-slider__controls[hidden]{display:none}
.hero-slider__controls button{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s}
.hero-slider__controls button:hover{background:#dce8e0}
.hero-slider__controls button:focus-visible{outline:2px solid #183f37;outline-offset:1px}
.hero-slider__arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-slider__dots{display:flex;min-width:0;align-items:center}
.hero-slider__controls .hero-slider__dot{width:24px}
.hero-slider__dot span{width:6px;height:6px;border-radius:20px;background:#8e9f96;transition:width .25s,background-color .25s}
.hero-slider__dot[aria-pressed=true] span{width:18px;background:#183f37}
.hero-slider__controls .hero-slider__pause{border-left:1px solid #d7dfd8;border-radius:0 50% 50% 0;font-size:13px;margin-left:3px}
@media(max-width:900px){.hero__visual:has(.hero-slider){min-height:0;height:auto;aspect-ratio:16/9}.hero-slider{height:100%;min-height:0;position:absolute;inset:0}.hero-slider__controls{bottom:14px}}
@media(max-width:600px){.hero__visual:has(.hero-slider){aspect-ratio:6/5}.hero-slider__controls{bottom:12px;padding:2px 4px;gap:1px}.hero-slider__controls .hero-slider__dot{width:21px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide.is-active,.hero-slider__dot span{transition:none}}

@media(max-width:400px){.hero-slider__controls .hero-slider__dot{width:16px}.hero-slider__dot[aria-pressed=true] span{width:12px}}