/*!
 * Magic Window – Before / After slider
 * v1.0.0
 *
 * Behaviour styles only: image stacking, clipping, handle and drag states.
 * Layout, typography and sizes are set in the Webflow Designer.
 */:root{--mw-ba-navy: #001b70;--mw-ba-line: #fff;--mw-ba-line-width: 2px;--mw-ba-knob: 16px}.mw-ba__slider{--mw-ba-pos: 50%;position:relative;overflow:hidden;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mw-ba__layer{position:absolute;inset:0}.mw-ba__layer--before{z-index:1;clip-path:inset(0 calc(100% - var(--mw-ba-pos)) 0 0)}.mw-ba__img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.mw-ba__img--mobile{display:none}@media (max-width: 767px){.mw-ba__img--desktop{display:none}.mw-ba__img--mobile{display:block}}.mw-ba__handle{position:absolute;top:0;bottom:0;left:var(--mw-ba-pos);z-index:2;width:44px;margin-left:-22px;display:flex;align-items:center;justify-content:center;color:var(--mw-ba-line);cursor:ew-resize;outline:none}.mw-ba__handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--mw-ba-line-width);margin-left:calc(var(--mw-ba-line-width) / -2);background:var(--mw-ba-line);box-shadow:0 0 6px #00000040}.mw-ba__knob{position:relative;display:flex;align-items:center;gap:4px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));transition:transform .2s ease}.mw-ba__knob:before{content:"";order:2;width:var(--mw-ba-knob);height:var(--mw-ba-knob);border-radius:50%;background:var(--mw-ba-line)}.mw-ba__knob svg:first-child{order:1}.mw-ba__knob svg:last-child{order:3}.mw-ba__slider.is-dragging .mw-ba__knob,.mw-ba__handle:focus-visible .mw-ba__knob{transform:scale(1.15)}.mw-ba__handle:focus-visible:after{content:"";position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;outline:3px solid var(--mw-ba-line);box-shadow:0 0 0 6px var(--mw-ba-navy)}.mw-ba__slider.is-gliding .mw-ba__layer--before{transition:clip-path .35s cubic-bezier(.22,.61,.36,1)}.mw-ba__slider.is-gliding .mw-ba__handle{transition:left .35s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion: reduce){.mw-ba__knob,.mw-ba__slider.is-gliding .mw-ba__layer--before,.mw-ba__slider.is-gliding .mw-ba__handle{transition:none}}