.hero-slides{position:absolute;inset:0;overflow:hidden}
.hero-slide{opacity:0;visibility:hidden;transition:opacity var(--slide-transition,1400ms) ease,transform calc(var(--slide-transition,1400ms) * 1.8) ease;transform:scale(1.07) translate3d(var(--hero-x,0),var(--hero-y,0),0)}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1.035) translate3d(var(--hero-x,0),var(--hero-y,0),0)}
.hero-slide.leaving{visibility:visible;opacity:0}
.hero-rotation-controls{position:absolute;z-index:4;left:50%;bottom:39px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,9,22,.34);backdrop-filter:blur(8px)}
.hero-dot{position:relative;width:27px;height:20px;border:0;background:transparent;padding:0;cursor:pointer}.hero-dot>i{position:absolute;left:3px;right:3px;top:9px;height:2px;border-radius:9px;background:rgba(255,255,255,.3);overflow:hidden}.hero-dot>i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#65e7ff,#8b68ff,#f0bf67);transform:scaleX(0);transform-origin:left}.hero-dot.active>i::after{transform:scaleX(1);transition:transform var(--slide-interval,6500ms) linear}.hero-rotation.paused .hero-dot.active>i::after{transition:none}.hero-pause{width:27px;height:27px;border:0;border-left:1px solid rgba(255,255,255,.16);padding-left:9px;background:transparent;color:#fff;font-size:.63rem;cursor:pointer}[dir=rtl] .hero-dot>i::after{transform-origin:right}
@media(max-width:900px) and (orientation:portrait){.hero-slides{top:70px;height:auto;aspect-ratio:1.75}.hero-slide{top:0!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}.hero-rotation-controls{bottom:72px}}
@media(max-width:600px){.hero-dot{width:23px}.hero-pause{width:24px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-dot.active>i::after{transition:none;transform:scaleX(1)}}