.before-after-section .section-body{overflow:visible}.before-after{display:flex;flex-direction:column;gap:var(--spacing-lg)}.before-after--below{flex-direction:column-reverse}.before-after--split{flex-direction:row;align-items:center;gap:var(--spacing-2xl, 3rem)}.before-after__col{min-width:0}.before-after__col--text{flex:1 1 38%}.before-after__col--media{flex:1 1 62%}@media (max-width: 768px){.before-after--split{flex-direction:column;align-items:stretch}}.ba-text{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ba-text--center{text-align:center;align-items:center}.ba-text--start{text-align:start;align-items:flex-start}.ba-text--end{text-align:end;align-items:flex-end}.ba-text__eyebrow{font-family:var(--font-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--primary-color, var(--color-accent))}.ba-text__title{font-family:var(--font-heading, var(--font-primary));font-size:var(--fs-2xl, 1.75rem);font-weight:var(--fw-bold);line-height:1.25;margin:0;color:var(--color-text)}.ba-text__subtitle{font-size:var(--fs-md, 1rem);color:var(--color-text-muted);margin:0}.ba-text__actions{margin-top:var(--spacing-xs)}.ba-compare{position:relative;width:100%;max-width:var(--ba-max-width, 100%);margin-inline:auto;overflow:hidden;border-radius:var(--radius-lg, 12px);user-select:none;-webkit-user-select:none;touch-action:pan-y;background:var(--color-surface, #f2f2f2);isolation:isolate}.ba-compare--vertical{touch-action:pan-x}.ba-compare.is-dragging{touch-action:none;cursor:grabbing}.ba-compare.media-ratio-landscape{aspect-ratio:16 / 9}.ba-compare.media-ratio-wide{aspect-ratio:3 / 2}.ba-compare.media-ratio-square{aspect-ratio:1 / 1}.ba-compare.media-ratio-portrait{aspect-ratio:3 / 4}.ba-compare.media-ratio-original{aspect-ratio:auto}.ba-compare.media-ratio-original .ba-layer--after{position:relative;height:auto}.ba-compare.media-ratio-original .ba-layer--after .ba-img{height:auto;object-fit:contain}.ba-compare.media-ratio-original .ba-img--placeholder{min-height:260px}.ba-layer{position:absolute;inset:0;width:100%;height:100%}.ba-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba-img--placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:var(--fw-bold);font-size:var(--fs-lg);letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9}.ba-img--before{background:linear-gradient(135deg,#64748b,#334155)}.ba-img--after{background:linear-gradient(135deg,#0ea5e9,#6366f1)}.ba-compare--horizontal .ba-layer--before{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}[dir=rtl] .ba-compare--horizontal .ba-layer--before{clip-path:inset(0 0 0 var(--ba-pos, 50%))}.ba-compare--vertical .ba-layer--before{clip-path:inset(0 0 calc(100% - var(--ba-pos, 50%)) 0)}.ba-compare--horizontal .ba-layer--after{clip-path:inset(0 0 0 var(--ba-pos, 50%))}[dir=rtl] .ba-compare--horizontal .ba-layer--after{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0)}.ba-compare--vertical .ba-layer--after{clip-path:inset(var(--ba-pos, 50%) 0 0 0)}.ba-label{position:absolute;z-index:3;padding:.35em .85em;font-family:var(--font-primary);font-size:var(--fs-sm, .8125rem);font-weight:var(--fw-bold);line-height:1.4;color:var(--ba-label-text, #fff);background:var(--ba-label-bg, rgba(0, 0, 0, .6));border-radius:var(--radius-full, 999px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.ba-compare--horizontal .ba-label--before{top:1rem;inset-inline-start:1rem}.ba-compare--horizontal .ba-label--after{top:1rem;inset-inline-end:1rem}.ba-compare--vertical .ba-label--before{inset-inline-start:1rem;top:1rem}.ba-compare--vertical .ba-label--after{inset-inline-start:1rem;bottom:1rem}.ba-divider{position:absolute;z-index:4;background:var(--ba-handle-line, #fff);box-shadow:0 0 0 1px #0000001f;pointer-events:none}.ba-compare--horizontal .ba-divider{top:0;bottom:0;left:var(--ba-pos, 50%);width:3px;transform:translate(-50%)}.ba-compare--vertical .ba-divider{left:0;right:0;top:var(--ba-pos, 50%);height:3px;transform:translateY(-50%)}.ba-handle{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;margin:0;border:none;border-radius:var(--radius-full, 999px);background:var(--ba-handle-color, #fff);color:#111;box-shadow:0 2px 10px #00000040;cursor:grab;touch-action:none;transition:box-shadow .2s ease,transform .1s ease}.ba-handle:active{cursor:grabbing}.ba-handle:focus-visible{outline:3px solid var(--primary-color, #2563eb);outline-offset:3px}.ba-compare--horizontal .ba-handle{top:50%;left:var(--ba-pos, 50%);transform:translate(-50%,-50%)}.ba-compare--vertical .ba-handle{left:50%;top:var(--ba-pos, 50%);transform:translate(-50%,-50%)}.ba-handle__grip{display:flex;align-items:center;justify-content:center;gap:1px;direction:ltr;pointer-events:none}.ba-compare--vertical .ba-handle__grip{flex-direction:column}.ba-chev{display:block}.ba-chev--a{margin-right:-3px}.ba-chev--b{margin-left:-3px}.ba-compare--vertical .ba-chev--a{margin:0 0 -3px}.ba-compare--vertical .ba-chev--b{margin:-3px 0 0}@media (prefers-reduced-motion: reduce){.ba-handle{transition:none}}