.transformations{background:#fff;border-top:1px solid var(--line,#ddd);scroll-margin-top:100px}.transformations__heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:4rem;margin-bottom:3.5rem}.transformations__heading h2{font-size:clamp(2.5rem,4.7vw,5rem);line-height:1.04;letter-spacing:-.055em;font-weight:440;margin:1rem 0 0}.transformations__heading>p{max-width:29rem;font-size:clamp(1.1rem,1.5vw,1.4rem);color:var(--muted);margin:0}.transformations__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.5rem)}.comparison{--comparison:50%;min-width:0}.comparison__stage{position:relative}.comparison__layer{position:relative}.comparison__layer img{display:block;width:100%;height:auto}.comparison__label{position:absolute;top:18px;padding:8px 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;background:#fff;color:#171715;pointer-events:none}.comparison__label--before{right:18px}.comparison__label--after{left:18px}.comparison__divider{display:none}.comparison.is-ready .comparison__stage{aspect-ratio:3/2;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:ew-resize;user-select:none;-webkit-user-select:none}.comparison.is-ready .comparison__layer{position:absolute;inset:0}.comparison.is-ready img{height:100%;object-fit:cover;pointer-events:none}.comparison.is-ready .comparison__after{clip-path:inset(0 calc(100% - var(--comparison)) 0 0);will-change:clip-path}.comparison.is-ready .comparison__divider{display:block;position:absolute;top:0;bottom:0;left:var(--comparison);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 1px 3px #0006)}.comparison__divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;background:#fff;color:#b6261d}.comparison__divider svg{width:30px;height:24px}.comparison__controls[hidden]{display:none}.comparison__hint{font-size:12px;color:var(--muted);margin:14px 0 6px}.comparison__hint-touch{display:none}.comparison__controls input[type=range]{display:block;width:100%;height:24px;margin:0;accent-color:#cf2e20;cursor:ew-resize;touch-action:pan-y}.comparison__buttons{display:flex;justify-content:space-between;gap:12px;margin-top:6px}.comparison__buttons button{border:1px solid #ccc;border-radius:0;background:#fff;color:#222;padding:10px 16px;font:inherit;font-size:11px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;min-height:44px}.comparison__buttons button:hover,.comparison__buttons button[aria-pressed=true]{background:#191917;border-color:#191917;color:#fff}.comparison :focus-visible{outline:3px solid #c82d20;outline-offset:4px}.transformation__copy{padding-top:28px}.transformation__copy h3{font-size:clamp(1.7rem,2.5vw,2.75rem);font-weight:440;letter-spacing:-.045em;line-height:1.12;margin:12px 0 16px;max-width:24ch}.transformation__copy>p:last-child{font-size:16px;color:var(--muted);max-width:55ch;margin:0}.transformations__footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #ddd}.transformations__footer>p{font-size:13px;color:var(--muted);margin:0}.transformations__footer .button{flex-shrink:0}.comparison.is-ready .comparison__before .comparison__label{opacity:var(--before-label,1)}.comparison.is-ready .comparison__after .comparison__label{opacity:var(--after-label,1)}
@media(hover:none),(pointer:coarse){.comparison__hint-mouse{display:none}.comparison__hint-touch{display:inline}}
@media(max-width:900px){.transformations__heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.transformations__grid{grid-template-columns:1fr;gap:3.5rem}.transformations__footer{align-items:flex-start;flex-direction:column}.transformations__footer .button{white-space:normal}.comparison__label{top:12px;padding:7px 9px}.comparison__label--before{right:12px}.comparison__label--after{left:12px}}