.hero.hero-carousel{position:relative;display:block;width:100%;max-width:none;height:calc(100svh - 82px);min-height:600px;max-height:1100px;margin:0;padding:0;overflow:hidden;background:#f3f5f6;border:0;border-radius:0;box-shadow:none;isolation:isolate}
.hero-carousel .hero-slide{position:absolute;inset:0;display:block;padding:0;overflow:hidden;background:#f3f5f6;opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s ease}
.hero-carousel .hero-slide.is-active{z-index:1;opacity:1;visibility:visible}
.hero-carousel .hero-slide picture,.hero-carousel .hero-slide img{display:block;width:100%;height:100%}
.hero-carousel .hero-slide img{object-fit:cover;object-position:center}
.hero-carousel .hero-slide:first-child img{object-fit:contain;background:#edf6fc}
.hero-carousel .carousel-controls{position:absolute;z-index:4;left:50%;right:auto;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 10px;background:rgba(255,255,255,.88);border:1px solid rgba(40,45,48,.12);border-radius:28px;box-shadow:0 5px 20px rgba(0,0,0,.14);backdrop-filter:blur(12px)}
.hero-carousel .carousel-arrow{width:32px;height:32px;border:1px solid #d3d6d8;border-radius:50%;background:#fff;color:#202529;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.hero-carousel .carousel-arrow:hover{background:#172029;color:white}
.hero-carousel .carousel-progress{display:flex;align-items:center;gap:6px}
.hero-carousel .carousel-dot{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#b8bec2;cursor:pointer;transition:width .25s,background .25s}
.hero-carousel .carousel-dot.is-active{width:23px;background:#19232a}
.hero-carousel .carousel-count{min-width:38px;color:#778087;font-size:10px;letter-spacing:.06em}
.hero-carousel .carousel-count b{color:#172029}
@media(max-width:1000px){.hero.hero-carousel{height:calc(100svh - 82px);min-height:580px}}
@media(min-width:721px) and (max-width:1100px){.hero-carousel .hero-slide img{object-fit:contain;background:#f3f5f6}}
@media(max-width:720px){.hero.hero-carousel{height:calc(100svh - 70px);min-height:520px;max-height:980px}.hero-carousel .hero-slide img{object-fit:cover}.hero-carousel .carousel-controls{bottom:12px;gap:8px;padding:5px 7px}.hero-carousel .carousel-arrow{width:29px;height:29px}.hero-carousel .carousel-dot{width:6px;height:6px}.hero-carousel .carousel-dot.is-active{width:18px}.hero-carousel .carousel-count{font-size:9px;min-width:31px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}
