/* PF Media Compare (universal) v1.1 */
.pf-compare{position:relative;width:100%;aspect-ratio:var(--pf-ratio,16/9);background:#000;overflow:hidden;border-radius:4px;user-select:none;touch-action:pan-y pinch-zoom;--pf-split:50%}
.pf-media{position:absolute;inset:0;background:#000;object-fit:cover;width:100%;height:100%;pointer-events:none}
.pf-left{z-index:0}
.pf-overlay{position:absolute;inset:0;overflow:hidden;z-index:1;clip-path:polygon(var(--pf-split) 0,100% 0,100% 100%,var(--pf-split) 100%);-webkit-clip-path:polygon(var(--pf-split) 0,100% 0,100% 100%,var(--pf-split) 100%);will-change:clip-path}
.pf-right{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.pf-handle{position:absolute;top:0;bottom:0;left:var(--pf-split);transform:translateX(-50%);background:transparent;border:none;cursor:grab;outline:none;z-index:2;touch-action:pan-y pinch-zoom}
.pf-handle:active{cursor:grabbing}
.pf-handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background:rgba(255,255,255,.95);box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.6)}
.pf-handle::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.98);transform:translate(-50%,-50%);box-shadow:0 2px 8px rgba(0,0,0,.4)}