.mp-before-after{width:100%;min-width:0;max-width:900px;margin:0 auto;color:#102f5a}.mp-before-after,.mp-before-after *,.mp-before-after :after,.mp-before-after :before{box-sizing:border-box}.mp-before-after__title{margin:0 0 .65rem;color:#102f5a;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.2;font-weight:800;letter-spacing:-.025em}.mp-before-after__description{max-width:58ch;margin:0 0 1.2rem;color:#5e718d;font-size:1rem;line-height:1.65}.mp-before-after__frame{position:relative;width:100%;min-width:0;overflow:hidden;isolation:isolate;aspect-ratio:800/440;border:1px solid rgba(163,193,229,.48);border-radius:clamp(14px,2.2vw,24px);background:#0b1422;box-shadow:0 22px 55px rgba(15,44,78,.16);touch-action:pan-y}.mp-before-after__frame--photo{aspect-ratio:2/1}.mp-before-after__art{display:block;width:100%;height:100%}.mp-before-after__photo{object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.mp-before-after__photo--before{z-index:1}.mp-before-after__label{position:absolute;z-index:2;top:clamp(10px,2.4%,18px);padding:.45rem .8rem;border-radius:999px;color:white;font-size:clamp(.62rem,1.1vw,.78rem);font-weight:800;line-height:1;letter-spacing:.09em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mp-before-after__label--before{left:clamp(10px,2.5%,20px);background:#a39155}.mp-before-after__label--after{right:clamp(10px,2.5%,20px);background:#2878d8}.mp-before-after__divider{position:absolute;z-index:3;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(8,24,43,.14),0 0 18px rgba(255,255,255,.48);transform:translateX(-50%);pointer-events:none;transition:left 80ms linear}.mp-before-after__handle{position:absolute;top:50%;left:50%;display:grid;width:clamp(38px,5.2vw,52px);height:clamp(38px,5.2vw,52px);place-items:center;transform:translate(-50%,-50%);border:2px solid #2878d8;border-radius:50%;background:#fff;color:#102f5a;font-size:1.4rem;font-weight:800;box-shadow:0 5px 20px rgba(7,25,48,.28)}.mp-before-after__range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.mp-before-after__range:focus-visible{opacity:1;outline:3px solid #79b6ff;outline-offset:-5px;border-radius:inherit}.mp-before-after__caption{margin:.75rem 0 0;color:#64758d;font-size:.78rem;line-height:1.5}@media (max-width:640px){.mp-before-after__frame,.mp-before-after__frame--photo{aspect-ratio:4/3;border-radius:18px}.mp-before-after__photo{object-position:center}.mp-before-after__label{top:12px;padding:.42rem .7rem;font-size:.72rem}.mp-before-after__label--before{left:12px}.mp-before-after__label--after{right:12px}.mp-before-after__divider{width:3px}.mp-before-after__handle{width:52px;height:52px;font-size:1.5rem}.mp-before-after__caption{font-size:.78rem}}@media (max-width:560px){.mp-before-after__description{font-size:.93rem}}@media (prefers-reduced-motion:reduce){.mp-before-after__divider{transition:none}}