.vnc__before-after{--ba-pos:50%;aspect-ratio:16/9;inline-size:100%;max-inline-size:1440px;overflow:hidden;position:relative;user-select:none}.vnc__before-after-layer{inset:0;position:absolute}.vnc__before-after-layer--before{clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.vnc__image-teaser .vnc__before-after img{block-size:100%;inline-size:100%;height:100%;inset:0;max-inline-size:none;object-fit:cover;pointer-events:none;position:absolute}.vnc__before-after-label{color:#fff;font-family:var(--font-secondary);font-size:1.25rem;letter-spacing:.08em;pointer-events:none;position:absolute;text-shadow:0 1px 8px rgba(0,0,0,.35);text-transform:uppercase;top:2rem;z-index:1}.vnc__before-after-label--before{left:2rem}.vnc__before-after-label--after{right:2rem}.vnc__before-after-handle{background:#fff;bottom:0;inline-size:4px;left:var(--ba-pos);margin-inline-start:-2px;pointer-events:none;position:absolute;top:0;z-index:2}.vnc__before-after-arrows{block-size:24px;color:#fff;display:flex;filter:drop-shadow(0 1px 4px rgba(0,0,0,.35));inline-size:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vnc__before-after-arrows svg{block-size:24px;flex:0 0 auto;inline-size:40px;max-inline-size:none}.vnc__before-after-range{-webkit-appearance:none;appearance:none;block-size:100%;cursor:ew-resize;inline-size:100%;inset:0;margin:0;opacity:0;position:absolute;touch-action:pan-y;z-index:3}.vnc__before-after-range::-webkit-slider-thumb{-webkit-appearance:none;block-size:100vh;inline-size:48px}.vnc__before-after-range::-moz-range-thumb{block-size:100vh;border:0;inline-size:48px}.vnc__before-after:has(.vnc__before-after-range:focus-visible) .vnc__before-after-handle{outline:2px solid #fff;outline-offset:4px}@media (max-width:767px){.vnc__before-after-label{font-size:1rem;top:1rem}.vnc__before-after-label--before{left:1rem}.vnc__before-after-label--after{right:1rem}}