/* Real draggable before/after slider */
.baslider-section{padding-block:clamp(2.5rem,5vw,4rem);}
.baslider-section .bb-kicker{color:var(--bb-clay,#e2603b);}
.baslider{position:relative;width:100%;max-width:760px;margin-top:1.25rem;aspect-ratio:4/3;
  border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(20,22,28,.18);
  user-select:none;touch-action:none;--pos:50%;background:#eee;}
.baslider__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.baslider__after{z-index:1;}
.baslider__before{position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0);}
.baslider__divider{position:absolute;top:0;bottom:0;left:var(--pos);z-index:3;width:3px;
  background:#fff;transform:translateX(-1.5px);box-shadow:0 0 0 1px rgba(0,0,0,.15);}
.baslider__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;background:#fff;color:#1c1c1c;display:grid;place-items:center;
  font-size:20px;font-weight:700;box-shadow:0 2px 12px rgba(0,0,0,.35);}
.baslider__range{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;}
.baslider__tag{position:absolute;top:12px;z-index:5;pointer-events:none;background:rgba(255,255,255,.95);
  color:#1c1c1c;font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.38rem .72rem;border-radius:999px;box-shadow:0 1px 2px rgba(20,22,28,.12);}
.baslider__tag--before{left:12px;}
.baslider__tag--after{right:12px;}