.s3m-slider-v2{position:relative;width:100%;height:82vh;min-height:600px;overflow:hidden}.s3m-slider-v2-track,.s3m-slide-v2{position:absolute;inset:0}.s3m-slide-v2{display:flex;align-items:center;justify-content:center;z-index:1;color:#fff;text-decoration:none;background-position:center;background-size:cover;opacity:0;visibility:hidden;transition:opacity 1.5s ease,visibility 1.5s ease}.s3m-slide-v2.is-active{opacity:1;visibility:visible}.s3m-slider-v2-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:rgba(0,0,0,.15)}.s3m-slide-v2-content{position:relative;z-index:3;width:calc(100% - 60px);text-align:center}.s3m-slide-v2-logo{display:block;width:auto;max-width:min(280px,55vw);max-height:160px;margin:0 auto 24px;object-fit:contain}.s3m-slide-v2-title{margin:0;color:#fff;font-family:'Oswald',Arial,sans-serif;font-size:clamp(64px,9vw,150px);font-weight:500;line-height:1;text-shadow:0 3px 15px rgba(0,0,0,.65)}.s3m-slide-v2-subtitle{margin:20px 0 0;color:#fff;font-family:'Oswald',Arial,sans-serif;font-size:clamp(54px,6vw,150px);line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.65)}@media(max-width:992px){.s3m-slider-v2{height:72vh;min-height:520px}.s3m-slide-v2-title{font-size:clamp(48px,15vw,78px)}.s3m-slide-v2-subtitle{font-size:clamp(32px,9vw,54px)}}@media(prefers-reduced-motion:reduce){.s3m-slide-v2{transition:none}}

.s3m-slider-v2-thumbnails{position:absolute;right:0;bottom:24px;left:0;z-index:4;height:260px;overflow:hidden;pointer-events:none}.s3m-slider-v2-thumbnail{display:none;position:absolute;top:36px;width:207px;height:189px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 10px 32px rgba(0,0,0,.55);opacity:.7;cursor:pointer;pointer-events:auto;transition:opacity .25s ease,transform .35s ease,box-shadow .25s ease}.s3m-slider-v2-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.s3m-slider-v2-thumbnail .s3m-thumbnail-logo{display:none;object-fit:contain;padding:20px;background:rgba(10,10,10,.72)}.s3m-slider-v2-thumbnail.is-active,.s3m-slider-v2-thumbnail.is-previous,.s3m-slider-v2-thumbnail.is-next{display:block}.s3m-slider-v2-thumbnail.is-active{top:4px;left:50%;z-index:2;width:276px;height:252px;opacity:1;border:0;transform:translateX(-50%);box-shadow:0 14px 42px rgba(0,0,0,.65)}.s3m-slider-v2-thumbnail.is-active .s3m-thumbnail-image{display:none}.s3m-slider-v2-thumbnail.is-active .s3m-thumbnail-logo{display:block}.s3m-slider-v2-thumbnail.is-previous{left:0;transform:translateX(-50%)}.s3m-slider-v2-thumbnail.is-next{right:0;transform:translateX(50%)}.s3m-slider-v2-thumbnail:hover,.s3m-slider-v2-thumbnail:focus-visible{opacity:1;outline:none;box-shadow:0 14px 40px rgba(0,0,0,.7)}

@media(max-width:992px){.s3m-slider-v2-thumbnails{right:0;bottom:16px;left:0;height:212px}.s3m-slider-v2-thumbnail{top:30px;width:162px;height:153px;border-radius:9px}.s3m-slider-v2-thumbnail.is-active{top:4px;width:216px;height:204px}}

.s3m-slider-v2-thumbnail.is-active:not(.has-logo) .s3m-thumbnail-image{display:block}.s3m-slider-v2-thumbnail.is-active:not(.has-logo) .s3m-thumbnail-logo{display:none}

.s3m-slider-v2-thumbnail,.s3m-slider-v2-thumbnail:hover,.s3m-slider-v2-thumbnail:focus,.s3m-slider-v2-thumbnail:focus-visible,.s3m-slider-v2-thumbnail:active{border:none!important;outline:none!important}.s3m-slider-v2-thumbnail{box-shadow:0 10px 32px rgba(0,0,0,.58)!important}.s3m-slider-v2-thumbnail.is-active{box-shadow:0 16px 46px rgba(0,0,0,.72)!important}

.s3m-slider-v2-thumbnail.is-active{background:transparent!important}.s3m-slider-v2-thumbnail.is-active .s3m-thumbnail-logo{padding:0!important;background:transparent!important;object-fit:cover}

.s3m-slider-v2{overflow:visible;z-index:2}.s3m-slider-v2-track{overflow:hidden}.s3m-slider-v2-thumbnails{bottom:-126px}

.s3m-slider-v2-thumbnail,.s3m-slider-v2-thumbnail:hover,.s3m-slider-v2-thumbnail:focus,.s3m-slider-v2-thumbnail:focus-visible,.s3m-slider-v2-thumbnail:active,.s3m-slider-v2-thumbnail.is-active,.s3m-slider-v2-thumbnail.is-previous,.s3m-slider-v2-thumbnail.is-next{opacity:1!important}

@media(max-width:992px){.s3m-slider-v2-thumbnails{bottom:-102px}}

.s3m-slider-v2-overlay{display:none}.s3m-slide-v2::before{content:"";position:absolute;inset:0;z-index:2;background:rgba(0, 0, 0, 0.219);pointer-events:none}.s3m-slide-v2-content{z-index:3}

.s3m-slider-v2-swipe-hint{display:none;opacity:0.6;position:absolute;top:80%;right:22x;z-index:5;width:64px;height:auto;pointer-events:none;user-select:none;animation:s3m-swipe-hint 1.4s ease-in-out infinite}.s3m-slider-v2-swipe-hint img{display:block;width:100%;height:auto;pointer-events:none}

@keyframes s3m-swipe-hint{0%,100%{transform:translate(0,-50%)}50%{transform:translate(-22px,-50%)}}

@media(max-width:992px){.s3m-slider-v2-swipe-hint{display:block;right:22px}}

@media(prefers-reduced-motion:reduce){.s3m-slider-v2-swipe-hint{animation:none;transform:translateY(-50%)}}

/* The first slide is rendered by PHP so its LCP image is visible immediately. */
.s3m-slide-v2.is-initial{transition:none}
.s3m-slide-v2-media{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}

@media(min-width:993px){
    .s3m-slide-v2-title{font-size:clamp(54px,5.2vw,96px)}
    .s3m-slide-v2-subtitle{font-size:clamp(38px,3.8vw,68px)}
    .s3m-slider-v2-thumbnails{bottom:-155px;height:340px}
    .s3m-slider-v2-thumbnail{top:44px;width:270px;height:240px;transform:none}
    .s3m-slider-v2-thumbnail.is-active{top:4px;width:360px;height:320px}
    .s3m-slider-v2-thumbnail.is-previous{left:calc(50% - 466px);transform:none}
    .s3m-slider-v2-thumbnail.is-next{right:auto;left:calc(50% + 196px);transform:none}
    .s3m-slider-v2-thumbnail.is-previous-2,
    .s3m-slider-v2-thumbnail.is-next-2{display:block}
    .s3m-slider-v2-thumbnail.is-previous-2{left:calc(50% - 752px)}
    .s3m-slider-v2-thumbnail.is-next-2{left:calc(50% + 482px)}
}

/* Every thumbnail uses the service logo, including the active one. */
.s3m-slider-v2-thumbnail.has-logo .s3m-thumbnail-image {
    display: none !important;
}

.s3m-slider-v2-thumbnail.has-logo .s3m-thumbnail-logo,
.s3m-slider-v2-thumbnail.is-active.has-logo .s3m-thumbnail-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    object-fit: cover !important;
}

.s3m-slider-v2-thumbnail,
.s3m-slider-v2-thumbnail.is-active {
    background: transparent !important;
}
