.before-after-section{background-color:var(--color-bg-darker)}.before-after-section h2{text-align:center}.before-after-slider{max-width:900px;margin:var(--spacing-lg) auto 0}.before-after-container{position:relative;border-radius:2px;cursor:ew-resize;aspect-ratio:16/12}.before-after-container .before-image,.before-after-container .after-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:2px}.before-after-container .before-image img,.before-after-container .after-image img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none}.before-after-container .after-image{clip-path:inset(0 0 0 50%)}.slider-handle{position:absolute;top:0;left:50%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateX(-50%);pointer-events:none;z-index:10}.slider-handle::before{content:'';position:absolute;top:0;left:50%;width:4px;height:100%;background-color:var(--color-primary);transform:translateX(-50%)}.slider-button{position:relative;width:48px;height:48px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg-dark);flex-shrink:0;pointer-events:auto;cursor:ew-resize;transition:transform 0.3s ease}.before-after-container:hover .slider-button{transition-duration:0.04s}.before-after-labels{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding:0 var(--spacing-sm);font-size:1.25rem;font-weight:500;color:var(--color-text)}@media (max-width:1024px){.before-after-container{aspect-ratio:4/3}.slider-button{width:36px;height:36px}.slider-button svg{width:18px;height:18px}}@media (max-width:767px){.before-after-section .container{padding-left:0;padding-right:0}.before-after-slider{max-width:none;margin-top:var(--spacing-lg)}.before-after-container,.before-after-container .before-image,.before-after-container .after-image{border-radius:0}}