.before-after-comparison{width:100%;max-width:1200px;margin:3rem auto;padding:1rem}.comparison-subheading{font-size:1rem;text-align:center;margin-bottom:2rem;color:var(--text-color);opacity:.8}.comparison-container{position:relative;width:100%;max-width:900px;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.img-comp-container{position:relative;height:auto;aspect-ratio:16/9;overflow:hidden}.img-comp-before,.img-comp-after{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.img-comp-before{z-index:1;clip-path:inset(0 50% 0 0);width:100%}.img-comp-after{z-index:0}.img-comp-before img,.img-comp-after img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.img-comp-slider{position:absolute;z-index:10;top:0;bottom:0;left:50%;width:40px;transform:translateX(-50%);cursor:col-resize}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background-color:var(--accent-color);box-shadow:0 0 0 5px rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center}.slider-line{position:absolute;top:-1000px;bottom:-1000px;left:50%;width:2px;background-color:var(--accent-color);transform:translateX(-50%)}.slider-arrow-left,.slider-arrow-right{position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.slider-arrow-left{left:8px;border-right:6px solid #fff}.slider-arrow-right{right:8px;border-left:6px solid #fff}.comparison-labels{display:flex;justify-content:space-between;margin-top:1rem;font-weight:700;color:var(--secondary-color)}.before-label{margin-left:1rem}.after-label{margin-right:1rem}@media screen and (max-width:768px){.img-comp-container{aspect-ratio:16/9}.comparison-heading{font-size:1.5rem}.comparison-subheading{font-size:.9rem}.slider-button{width:30px;height:30px}}@media screen and (max-width:480px){.img-comp-container{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.img-comp-slider{display:none}.img-comp-before{width:100%;opacity:.5}.img-comp-after{opacity:1}}