.cp-hero{position:relative;width:100%;overflow:hidden;background:#02021e}
.cp-hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.cp-hero__track::-webkit-scrollbar{display:none}
.cp-hero__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:block;aspect-ratio:var(--ar-d);background:#02021e}
.cp-hero__slide picture,.cp-hero__slide img{position:absolute;inset:0;width:100%;height:100%;display:block}
.cp-hero__slide img{object-fit:contain}
.cp-hero--fill .cp-hero__slide img{object-fit:cover}
@media (max-width:749px){.cp-hero__slide{aspect-ratio:var(--ar-m)}.cp-hero--mobile-fill .cp-hero__slide img{object-fit:cover}}
.cp-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(245,247,255,.25);background:rgba(4,4,52,.7);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.cp-hero__arrow:hover{background:#3d5afe}
.cp-hero__arrow svg{width:18px;height:18px}
.cp-hero__arrow--prev{left:14px}.cp-hero__arrow--next{right:14px}
.cp-hero__dots{position:absolute;z-index:3;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:8px}
.cp-hero__dot{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(245,247,255,.45);cursor:pointer;transition:all .25s}
.cp-hero__dot[aria-current="true"]{background:#fff;width:24px;border-radius:6px}
@media (max-width:749px){.cp-hero__arrow{display:none}.cp-hero__dots{bottom:6px}}