body{width:calc(100% - 28px);max-width:1380px;margin-inline:auto!important}
.pms-design .pm-hero h1,.pms-design .pm-hero h1 span,.pms-design .pm-hero h1 em{color:#fff}
.pms-design .pm-top a{color:inherit;text-decoration:none}
.pms-design .pm-top a:hover,.pms-design .pm-top a:focus-visible{text-decoration:underline}
.before-after__grid.pms-compare{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef0f2}
.before-after__grid.pms-compare figure{position:absolute;inset:0;margin:0;width:100%;height:100%}
.before-after__grid.pms-compare figure img{width:100%;height:100%;object-fit:contain}
.before-after__grid.pms-compare figure:last-of-type{clip-path:inset(0 0 0 var(--split,50%));background:#eef0f2}
.before-after__grid.pms-compare figcaption{position:absolute;top:12px;left:12px;padding:5px 10px;background:#172c3f;color:white;border-radius:4px}
.before-after__grid.pms-compare figure:last-of-type figcaption{left:auto;right:12px}
.pms-compare-line{position:absolute;top:0;bottom:0;left:var(--split,50%);width:3px;background:white;pointer-events:none;box-shadow:0 0 3px #172c3f}
.pms-compare-control{display:block;width:100%;margin:14px 0;accent-color:#17344e;cursor:ew-resize}
.pms-compare-label{display:block;font-size:14px;margin-top:12px}
@media(max-width:600px){.pms-design .pm-top{flex-wrap:wrap;gap:6px}.pms-design .pm-hero{padding-left:14px;padding-right:14px}}

.before-after__pair{max-width:800px;width:100%;margin-inline:auto;box-sizing:border-box}
.before-after__grid.pms-compare{width:100%;height:clamp(220px,45vw,420px);aspect-ratio:auto}
.before-after__grid.pms-compare figure img{display:block;object-fit:cover;object-position:center;max-height:none;aspect-ratio:auto}
.pms-compare-line{z-index:2;transform:translateX(-50%)}
.pms-compare-line::after{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:2px solid white;background:#17344e;color:white;font-size:26px;box-shadow:0 2px 8px #0005}
.pms-compare-control{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:3;cursor:ew-resize}
.pms-compare:focus-within{outline:3px solid #17344e;outline-offset:4px}
.pms-compare-label{text-align:center}
.before-after__pair .before-after__grid.pms-compare figure img{width:100%;height:100%;box-sizing:border-box;object-fit:cover}