.before-after[data-v-7f3bbf5d]{gap:var(--space-6);display:grid}.before-after__comparison[data-v-7f3bbf5d]{aspect-ratio:16/9;border-radius:var(--radius-xs);background:var(--color-surface);isolation:isolate;border:0;margin:0;position:relative;overflow:hidden}.before-after__comparison--fallback[data-v-7f3bbf5d]{place-items:center;display:grid}.before-after__before-layer[data-v-7f3bbf5d],.before-after__image[data-v-7f3bbf5d]{position:absolute;inset:0}.before-after__image[data-v-7f3bbf5d]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.before-after__media-fallback[data-v-7f3bbf5d]{background:linear-gradient(90deg,#1517191a,transparent 45%),linear-gradient(135deg,var(--color-stone-light),var(--color-surface-muted));position:absolute;inset:0}.before-after__image--after[data-v-7f3bbf5d]{filter:saturate(1.03)contrast(1.01)}.before-after__before-layer[data-v-7f3bbf5d]{clip-path:inset(0 calc(100% - var(--before-reveal)) 0 0)}.before-after__before-layer--treated .before-after__image[data-v-7f3bbf5d]{filter:saturate(.62)contrast(.9)brightness(.82)}.before-after__before-layer--treated[data-v-7f3bbf5d]:after{content:"";pointer-events:none;background:linear-gradient(90deg,#15171929,#15171908),#9a6a4514;position:absolute;inset:0}.before-after__label[data-v-7f3bbf5d]{top:var(--space-4);z-index:2;padding:var(--space-2) var(--space-3);color:var(--color-ink);font-family:var(--font-label);font-size:var(--text-label);text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc2;font-weight:700;line-height:1;position:absolute}.before-after__label--before[data-v-7f3bbf5d]{left:var(--space-4)}.before-after__label--after[data-v-7f3bbf5d]{right:var(--space-4)}.before-after__divider[data-v-7f3bbf5d]{top:0;bottom:0;left:var(--before-reveal);z-index:3;background:#ffffffeb;width:1px;position:absolute;transform:translate(-50%)}.before-after__handle[data-v-7f3bbf5d]{background:linear-gradient(90deg,transparent 18px,var(--color-ink) 18px 19px,transparent 19px 25px,var(--color-ink) 25px 26px,transparent 26px),#ffffffdb;width:44px;height:44px;box-shadow:var(--shadow-quiet);border:1px solid #1517192e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.before-after__control[data-v-7f3bbf5d]{z-index:4;cursor:ew-resize;opacity:0;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.before-after__comparison[data-v-7f3bbf5d]:has(.before-after__control:focus-visible){outline:2px solid var(--color-focus);outline-offset:4px}.before-after__comparison:has(.before-after__control:focus-visible) .before-after__handle[data-v-7f3bbf5d]{border-color:var(--color-focus);box-shadow:0 0 0 5px #1f6f9129}.before-after__body[data-v-7f3bbf5d]{gap:var(--space-3);max-width:760px;display:grid}.before-after__body h3[data-v-7f3bbf5d],.before-after__body p[data-v-7f3bbf5d],.before-after__body span[data-v-7f3bbf5d]{margin:0}.before-after__body p[data-v-7f3bbf5d]{color:var(--color-accent-deep);font-family:var(--font-label);font-size:var(--text-label);font-weight:700;line-height:var(--leading-compact);text-transform:uppercase}.before-after__body h3[data-v-7f3bbf5d]{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:0;font-weight:520;line-height:var(--leading-heading)}.before-after__body span[data-v-7f3bbf5d]{color:var(--color-muted);font-size:var(--text-body);line-height:var(--leading-body)}@media (width<=767px){.before-after__comparison[data-v-7f3bbf5d]{aspect-ratio:4/5}.before-after__label[data-v-7f3bbf5d]{top:var(--space-3)}.before-after__label--before[data-v-7f3bbf5d]{left:var(--space-3)}.before-after__label--after[data-v-7f3bbf5d]{right:var(--space-3)}.before-after__handle[data-v-7f3bbf5d]{width:48px;height:48px}}