.kg-sbs{position:relative;width:100%;max-width:none;margin:0;padding:0;overflow:hidden;background:#101010}
.kg-sbs-track{position:relative;width:100%;overflow:hidden}
.kg-sbs-slide{display:none;width:100%;margin:0;padding:0}
.kg-sbs-slide.is-active{display:block;animation:kgSbsFade .65s ease}
@keyframes kgSbsFade{from{opacity:0}to{opacity:1}}
.kg-sbs-collage{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:var(--kg-desktop-height,560px);gap:4px;background:#101010}
.kg-sbs-image{display:block;position:relative;overflow:hidden;min-width:0;min-height:0;text-decoration:none}
.kg-sbs-image img{display:block;width:100%;height:100%;object-fit:cover;margin:0;padding:0;transition:transform .7s ease}
.kg-sbs-image:hover img{transform:scale(1.025)}
.kg-sbs-image1{grid-column:1;grid-row:1 / span 2}
.kg-sbs-image2{grid-column:2;grid-row:1}
.kg-sbs-image3{grid-column:2;grid-row:2}

/* Professional caption */
.kg-sbs-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:90px 48px 42px;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 42%,rgba(0,0,0,0) 100%);pointer-events:none}
.kg-sbs-caption-inner{max-width:700px;color:#fff;transform:translateY(10px);transition:transform .65s ease}
.kg-sbs-slide.is-active .kg-sbs-caption-inner{transform:translateY(0)}
.kg-sbs-caption h2{margin:0 0 8px;font-size:clamp(28px,3.2vw,52px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.kg-sbs-caption p{margin:0 0 18px;max-width:620px;font-size:clamp(15px,1.35vw,19px);line-height:1.55;color:rgba(255,255,255,.92)}
.kg-sbs-caption-button{display:inline-flex;align-items:center;padding:10px 17px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(7px);font-size:14px;font-weight:600;letter-spacing:.01em;color:#fff}

/* Navigation */
.kg-sbs-prev,.kg-sbs-next{position:absolute;top:50%;transform:translateY(-50%);z-index:7;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:24px;line-height:42px;cursor:pointer;padding:0;backdrop-filter:blur(6px)}
.kg-sbs-prev{left:20px}.kg-sbs-next{right:20px}
.kg-sbs-prev:hover,.kg-sbs-next:hover{background:rgba(0,0,0,.75)}
.kg-sbs-dots{position:absolute;bottom:19px;right:28px;display:flex;gap:8px;z-index:8}
.kg-sbs-dot{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}
.kg-sbs-dot.is-active{width:25px;border-radius:10px;background:#fff}
.kg-sbs-empty{padding:25px;text-align:center;background:#f5f5f5}

@media(max-width:767px){
 .kg-sbs-collage{height:var(--kg-mobile-height,500px);grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px}
 .kg-sbs-image1{grid-column:1 / span 2;grid-row:1}
 .kg-sbs-image2{grid-column:1;grid-row:2}
 .kg-sbs-image3{grid-column:2;grid-row:2}
 .kg-sbs-caption{padding:65px 22px 28px}
 .kg-sbs-caption h2{font-size:27px}
 .kg-sbs-caption p{font-size:14px;line-height:1.4;margin-bottom:12px}
 .kg-sbs-caption-button{padding:8px 13px;font-size:13px}
 .kg-sbs-prev,.kg-sbs-next{width:36px;height:36px;font-size:19px;line-height:34px}
 .kg-sbs-prev{left:10px}.kg-sbs-next{right:10px}
 .kg-sbs-dots{bottom:14px;right:15px}
}

.kg-sbs-effect-slide .kg-sbs-slide.is-active{animation:kgSbsSlideIn var(--kg-transition,650ms) ease both}
@keyframes kgSbsSlideIn{from{opacity:.2;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}
.kg-sbs-effect-zoom .kg-sbs-slide.is-active{animation:kgSbsZoom var(--kg-transition,650ms) ease both}
@keyframes kgSbsZoom{from{opacity:.2;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
.kg-sbs-effect-kenburns .kg-sbs-slide.is-active .kg-sbs-image1 img{animation:kgSbsKenBurns var(--kg-transition,650ms) ease both}
@keyframes kgSbsKenBurns{from{transform:scale(1.02)}to{transform:scale(1.1)}}