/* Before/After Slider 2:3 portrait, containment, no cropping */
.ba-section{padding:40px 0}
.ba-section .section-title{font-size:32px;margin:8px 0 18px}
.ba-carousel{position:relative;max-width:820px;margin:0 auto;border-radius:22px}
.ba-wrap{position:relative;width:100%;aspect-ratio:2/3;border-radius:22px;overflow:hidden;background:#f2f5f8}
.ba-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.ba-after{clip-path:inset(0 0 0 var(--split,50%))}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--split,50%);transform:translateX(-50%);width:0;border-left:2px solid rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none}
.ba-thumb{position:absolute;left:var(--split,50%);top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(15,40,70,.08);backdrop-filter:saturate(180%) blur(6px);pointer-events:auto}
.ba-thumb::before,
.ba-thumb::after{content:"";position:absolute;top:50%;width:9px;height:9px;border-top:2px solid #fff;border-left:2px solid #fff;transform:translateY(-50%) rotate(-45deg);opacity:.95}
.ba-thumb::before{left:11px}
.ba-thumb::after{right:11px;transform:translateY(-50%) rotate(135deg)}
.ba-arrow{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(15,40,70,.08);backdrop-filter:saturate(180%) blur(6px);color:#fff;font-size:26px;line-height:54px;text-align:center;cursor:pointer}
.ba-arrow.prev{left:-22px}
.ba-arrow.next{right:-22px}
.ba-captions{max-width:820px;margin:10px auto 0;display:flex;justify-content:space-between;padding:0 10px;color:#0b1a2b;font-weight:700}
.ba-cta-wrap{text-align:center;margin-top:14px}
@media (max-width:480px){
 .ba-arrow{width:48px;height:48px;line-height:44px}
 .ba-thumb{width:48px;height:48px}
}