.image-transformations-container{padding:3rem 0;max-width:1200px;margin:0 auto}.image-transformations-container p{text-align:center;margin-bottom:2rem;color:#666;max-width:800px;margin-left:auto;margin-right:auto}.transformations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.grid-item{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.grid-item.visible{opacity:1;transform:translateY(0)}.comparison-container{position:relative;height:300px;width:100%;overflow:hidden;border-radius:12px;cursor:col-resize;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:box-shadow .3s ease}.comparison-container:hover{box-shadow:0 12px 24px rgba(0,0,0,.2)}.comparison-image{object-fit:cover}.comparison-clip-container,.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-clip-container{z-index:2}.comparison-slider{position:absolute;top:0;bottom:0;width:4px;background:rgba(255,255,255,.8);box-shadow:0 0 5px rgba(0,0,0,.3);z-index:3;pointer-events:none}.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:40px;border-radius:3px;background:white;box-shadow:0 0 3px rgba(0,0,0,.4);pointer-events:none}.comparison-handle:after,.comparison-handle:before{display:none}.image-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));color:white;padding:16px 12px 12px;text-align:center;font-size:16px;font-weight:500;letter-spacing:.5px;z-index:4}@media (max-width:768px){.transformations-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.comparison-container{height:250px}}@media (max-width:480px){.transformations-grid{grid-template-columns:1fr;padding:.5rem}.comparison-container{height:280px}}