.superl-banner{position:relative;width:100%;overflow:hidden}.superl-banner-track{position:relative;width:100%}.superl-banner-slide{display:none;width:100%;opacity:0;transition:opacity var(--superl-transition,500ms) ease}.superl-banner-slide.is-active{display:block;opacity:1}.superl-banner picture,.superl-banner a{display:block;width:100%}.superl-banner img{display:block;width:100%;height:auto}.superl-banner-prev,.superl-banner-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#111;font-size:32px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.15)}.superl-banner-prev{left:16px}.superl-banner-next{right:16px}.superl-banner-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:3;display:flex;gap:8px}.superl-banner-dots button{width:10px;height:10px;padding:0;border:1px solid currentColor;border-radius:50%;background:rgba(255,255,255,.75);cursor:pointer}.superl-banner-dots button.is-active{background:#111}@media(max-width:767px){.superl-banner-prev,.superl-banner-next{width:36px;height:36px;font-size:26px}.superl-banner-prev{left:8px}.superl-banner-next{right:8px}.superl-banner-dots{bottom:8px}}

@media (hover:hover) and (pointer:fine) and (min-width:1025px){
  .superl-banner-slide img{
    transition:transform 700ms cubic-bezier(.2,.7,.2,1), filter 500ms ease;
    transform-origin:center center;
    will-change:transform;
  }
  .superl-banner:hover .superl-banner-slide.is-active img{
    transform:scale(1.018);
    filter:saturate(1.03);
  }
}
@media (prefers-reduced-motion:reduce){
  .superl-banner-slide img{transition:none!important;transform:none!important;}
}