.ss-wrap{position:relative;width:100%;max-width:100%;--ss-speed:800ms}
.ss{position:relative;width:100%;aspect-ratio:590/647;overflow:hidden;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 590 647' preserveAspectRatio='none'%3E%3Cpath d='M0 85Q0 55 30 55L200 55C240 55 220 0 260 0L560 0Q590 0 590 30L590 400C590 440 530 435 530 475L530 617Q530 647 500 647L30 647Q0 647 0 617Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 590 647' preserveAspectRatio='none'%3E%3Cpath d='M0 85Q0 55 30 55L200 55C240 55 220 0 260 0L560 0Q590 0 590 30L590 400C590 440 530 435 530 475L530 617Q530 647 500 647L30 647Q0 647 0 617Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.ss-slide{position:absolute;inset:0;opacity:0;z-index:0;transition:transform var(--ss-speed) ease,opacity var(--ss-speed) ease}
.ss-slide:not(.is-active):not(.is-prev){transition:none}
.ss-slide.is-prev{z-index:1}
.ss-slide{overflow:hidden}
.ss-slide a{display:block;width:100%;height:100%}
.ss-inner{position:absolute;inset:0;--c:cos(calc(var(--rot,0)*1deg));--s:sin(calc(var(--rot,0)*1deg));
translate:calc(var(--ox,0)*1%) calc(var(--oy,0)*1%);rotate:calc(var(--rot,0)*1deg);
scale:calc(1 + var(--af,1)*((max(var(--c),-1*var(--c)) + 1.25*max(var(--s),-1*var(--s)))*(1 + .02*(max(var(--ox,0),-1*var(--ox,0)) + max(var(--oy,0),-1*var(--oy,0)))) - 1))}
.ss-wrap .ss-slide img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:cover;
--px:var(--ss-x,var(--ss-gx,50%));--py:var(--ss-y,var(--ss-gy,50%));
object-position:var(--px) var(--py);transform-origin:var(--px) var(--py);scale:max(var(--z,1),var(--af,1))}
/* effects */
.ss-fx-slide .ss-slide,.ss-fx-slide-up .ss-slide{opacity:1}
.ss-fx-slide .ss-slide{transform:translateX(100%)}.ss-fx-slide .is-prev{transform:translateX(-100%)}
.ss-rev.ss-fx-slide .ss-slide{transform:translateX(-100%)}.ss-rev.ss-fx-slide .is-prev{transform:translateX(100%)}
.ss-fx-slide-up .ss-slide{transform:translateY(100%)}.ss-fx-slide-up .is-prev{transform:translateY(-100%)}
.ss-rev.ss-fx-slide-up .ss-slide{transform:translateY(-100%)}.ss-rev.ss-fx-slide-up .is-prev{transform:translateY(100%)}
.ss-fx-zoom .ss-slide{transform:scale(1.3)}.ss-fx-zoom .is-prev{transform:scale(.85)}
.ss-fx-flip .ss{perspective:1400px}
.ss-fx-flip .ss-slide{transform:rotateY(90deg);backface-visibility:hidden}.ss-fx-flip .is-prev{transform:rotateY(-90deg)}
.ss-fx-kenburns .is-active img{animation:ssKb 9s linear forwards}
@keyframes ssKb{from{transform:scale(1)}to{transform:scale(1.18)}}
.ss-wrap .ss-slide.is-active{opacity:1;transform:none;z-index:2}
/* nav */
.ss-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#222;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .3s}
.ss-arrow:hover{opacity:.8}.ss-prev{left:15px}.ss-next{right:15px}.ss-next svg{transform:scaleX(-1)}
.ss-dots{position:absolute;left:0;right:0;bottom:20px;z-index:5;display:flex;justify-content:center;gap:8px}
.ss-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:.3s}
.ss-dot.is-active{background:#fff;transform:scale(1.25)}