/* Before/After slider */
.ba-slider { position: relative; overflow: hidden; aspect-ratio: 16/10; border-radius: 1rem; box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.ba-slider img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.ba-slider img:nth-child(1) { clip-path: inset(0 0 0 0); }
.ba-slider img:nth-child(2) { clip-path: inset(0 calc(var(--ba, 50%) * 1%) 0 0); }
.ba-range { position: absolute; inset: 0; width: 100%; height: 100%; -webkit-appearance: none; background: transparent; outline: none; cursor: ew-resize; }
.ba-range::-webkit-slider-thumb { -webkit-appearance: none; width: 2px; height: 100%; background: rgba(2,132,199,.95); border: none; box-shadow: 0 0 0 9999px rgba(255,255,255,0); }
.ba-range::-moz-range-thumb { width: 2px; height: 100%; background: rgba(2,132,199,.95); border: none; }
.ba-label { position: absolute; top: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.85); color: #0f172a; font-size: 12px; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.ba-before{left:10px;} .ba-after{right:10px;}
#mobileMenu.show { display: block; }