/* Prima / Dopo — from the Casa Baldi design (Casa-Acquario.html) */
.ba-wrap{ background:var(--ink,#141314); color:var(--paper,#F7F7F5); }
.ba-inner{ max-width:1300px; margin:0 auto; padding:clamp(56px,7vw,110px) clamp(22px,4vw,72px); }
.ba-inner .eyebrow{ font-size:13px; font-weight:700; letter-spacing:.4em; text-transform:uppercase; color:var(--bordeaux,#840317); }
.ba-inner h3{ font-family:var(--ff-display,"Rokkitt",Georgia,serif); font-weight:500; font-size:clamp(30px,4vw,62px); line-height:1; margin:14px 0 10px; color:inherit; }
.ba-inner .sub{ color:color-mix(in srgb,var(--paper,#F7F7F5) 70%, transparent); max-width:54ch; font-size:15px; line-height:1.7; margin:0; }
.ba{ position:relative; margin-top:40px; aspect-ratio:3/2; overflow:hidden; cursor:ew-resize; user-select:none; touch-action:pan-y;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.6); background:#000; }
.ba img{ position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; pointer-events:none; }
.ba .after-img{ clip-path:inset(0 0 0 var(--split,50%)); }
.ba .lab{ position:absolute; top:20px; z-index:4; font-size:11px; font-weight:700; letter-spacing:.28em;
  text-transform:uppercase; padding:8px 16px; background:rgba(20,19,20,.6); backdrop-filter:blur(4px); color:var(--paper,#F7F7F5); }
.ba .lab.before{ left:20px; }
.ba .lab.after{ right:20px; color:var(--bordeaux,#840317); }
.ba .divider{ position:absolute; top:0; bottom:0; left:var(--split,50%); width:2px; background:var(--paper,#F7F7F5); z-index:5; transform:translateX(-1px); }
.ba .handle{ position:absolute; top:50%; left:var(--split,50%); z-index:6; width:54px; height:54px; border-radius:50%;
  transform:translate(-50%,-50%); background:var(--paper,#F7F7F5); color:var(--ink,#141314);
  display:flex; align-items:center; justify-content:center; box-shadow:0 6px 24px rgba(0,0,0,.4); }
.ba .handle svg{ width:22px; height:22px; }
@media (max-width:760px){ .ba{ aspect-ratio:4/3; } }