/* V12 – separate slider surfaces for each responsive breakpoint. */
.ck-slider-web{display:block}.ck-slider-mobile{display:none}
@media(max-width:860px){.ck-slider-web{display:none!important}.ck-slider-mobile{display:block!important}}
.sv-top .sv-sound{margin-left:auto;z-index:8;appearance:none;background:rgba(0,0,0,.58);color:white;border:1px solid rgba(255,255,255,.4);min-height:34px;min-width:40px;border-radius:10px;font-size:19px;cursor:pointer;display:grid;place-items:center;touch-action:manipulation}
.sv-top .sv-sound[hidden]{display:none!important}.sv-top .sv-x{margin-left:0}

.brand-editorial{font-size:15px;line-height:1.75;color:var(--text);margin:12px 0 23px}
.brand-editorial h2{font-size:clamp(18px,2vw,22px);margin:25px 0 10px;line-height:1.3}
.brand-editorial h3{font-size:17px;margin:17px 0 8px}
.brand-editorial p{margin:0 0 14px;color:var(--text)}
.brand-editorial a{color:var(--gold,#ffc21a);font-weight:650;text-decoration:underline;text-underline-offset:3px}
.brand-editorial a:hover{text-decoration:none}

/* V13: one visible slide at a time; second banner is not dependent on translate width. */
.ck-slider-web .track,.ck-slider-mobile .track{position:relative;display:block;width:100%;height:100%;transform:none!important}
.ck-slider-web .slide,.ck-slider-mobile .slide{position:absolute;inset:0;width:100%;height:100%;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s;z-index:0}
.ck-slider-web .slide.is-active,.ck-slider-mobile .slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.ck-slider-web .dots,.ck-slider-mobile .dots,.ck-slider-web .sl-b,.ck-slider-mobile .sl-b{z-index:3}
.ck-slider-web .dots .ck-dot,.ck-slider-mobile .dots .ck-dot{appearance:none;border:0;width:9px;height:9px;padding:0;border-radius:999px;background:rgba(255,255,255,.58);cursor:pointer;transition:width .25s,background .25s}
.ck-slider-web .dots .ck-dot.on,.ck-slider-mobile .dots .ck-dot.on{width:26px;background:var(--gold,#ffc21a)}
.ck-slider-web .dots .ck-dot:focus-visible,.ck-slider-mobile .dots .ck-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
