.hero-carousel .hero-carousel-stage{isolation:isolate;touch-action:pan-y pinch-zoom}
.hero-carousel .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;pointer-events:none}
.hero-carousel .hero-slide.is-active{opacity:1}
.hero-carousel .hero-slide img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,50% 50%);filter:none}
.hero-carousel .hero-image:after{z-index:1;pointer-events:none;background:linear-gradient(180deg,#081c3610 20%,#081c3640 50%,#081c36e8 100%)}
.hero-carousel .art-caption{z-index:2;pointer-events:none;right:20px}
.hero-carousel .image-cross{z-index:2;pointer-events:none}
.hero-carousel .art-top{min-height:53px}
.hero-carousel .art-top>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-carousel .hero-carousel-footer{padding:12px 18px;min-height:70px;gap:8px;flex-wrap:wrap}
.hero-carousel-controls{display:flex;align-items:center;gap:2px;margin-left:auto}
.hero-carousel-controls[hidden]{display:none}
.hero-carousel .hero-carousel-controls button[hidden]{display:none}
.hero-carousel .hero-carousel-controls button{display:grid;place-items:center;width:40px;height:44px;border:0;padding:0;border-radius:50%;background:transparent;color:#d8e9fa;cursor:pointer;transition:background .2s,color .2s}
.hero-carousel .hero-carousel-controls button:hover{background:#c2eaff19;color:#28d8f2}
.hero-carousel button:focus-visible{outline:2px solid #22d5f3;outline-offset:2px}
.hero-carousel-controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-carousel-dots{display:flex;align-items:center}
.hero-carousel .hero-carousel-dots button{width:24px;border-radius:8px}
.hero-carousel-dots span{width:5px;height:5px;border-radius:9px;background:#7490ac;transition:width .3s,background .3s}
.hero-carousel-dots [aria-current="true"] span{width:16px;background:#18cee7}
.hero-carousel .play-icon{display:none;width:17px;height:17px}
.hero-carousel[data-playing="false"] .pause-icon{display:none}
.hero-carousel[data-playing="false"] .play-icon{display:block}
.hero-carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.hero-carousel .hero-carousel-footer{padding:9px 14px;min-height:62px}.hero-carousel .hero-carousel-controls button{width:36px}.hero-carousel .hero-carousel-dots button{width:22px}.hero-carousel .art-caption b{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-carousel .hero-slide,.hero-carousel-dots span{transition:none}}