.realisations-slug .beforeAfter{max-width:100%!important}.article .beforeAfter-cont{background:rgba(0,0,0,0)}.article .beforeAfter-cont .beforeAfter{width:100%}.beforeAfter-cont{--beforeAfter-title-color:$grey-10;--section-padding:96px;flex:1 1;padding:96px 0}@media screen and (max-width:899px){.beforeAfter-cont{padding:64px 0;--section-padding:64px}}@media screen and (max-width:599px){.beforeAfter-cont{--section-padding:32px;padding:32px 0}}.beforeAfter-cont.dark{--beforeAfter-title-color:white}.beforeAfter-cont .beforeAfter{width:min(100% - 128px,900px);margin:0 auto}@media screen and (min-width:600px)and (max-width:1199px){.beforeAfter-cont .beforeAfter{width:calc(100% - 64px)}}@media screen and (max-width:599px){.beforeAfter-cont .beforeAfter{width:calc(100% - 32px)}}.beforeAfter-cont .beforeAfter{display:flex;flex-direction:column;gap:16px}.beforeAfter-cont .beforeAfter-header-title h2{font-size:2.5rem;letter-spacing:-.5px;font-family:var(--avenir-font),sans-serif;font-weight:900;text-wrap-style:pretty}@media screen and (max-width:899px){.beforeAfter-cont .beforeAfter-header-title h2{font-size:2rem}}@media screen and (max-width:599px){.beforeAfter-cont .beforeAfter-header-title h2{font-size:1.5rem}}.beforeAfter-cont .beforeAfter-header-title h2{color:var(--beforeAfter-title-color)}.beforeAfter-cont .beforeAfter-slider{max-width:900px}.beforeAfter-cont .beforeAfter-slider-images{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;touch-action:pan-x}@media screen and (max-width:599px){.beforeAfter-cont .beforeAfter-slider-images{aspect-ratio:4/3}}.beforeAfter-cont .beforeAfter-slider-images-1,.beforeAfter-cont .beforeAfter-slider-images-2{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:left,width}.beforeAfter-cont .beforeAfter-slider-images-1 img,.beforeAfter-cont .beforeAfter-slider-images-2 img{all:revert;height:100%;object-fit:cover;object-position:center}@media screen and (max-width:599px){.beforeAfter-cont .beforeAfter-slider-images-1 img,.beforeAfter-cont .beforeAfter-slider-images-2 img{object-fit:contain}.beforeAfter-cont .beforeAfter-slider-images-1 img{object-position:left!important}}.beforeAfter-cont .beforeAfter-slider-images-2{position:absolute;top:0;width:50%;overflow:hidden}@media screen and (max-width:599px){.beforeAfter-cont .beforeAfter-slider-images-2 img{object-position:left!important}}.beforeAfter-cont .beforeAfter-slider-images-widget{position:absolute;top:0;width:100%;height:100%;touch-action:none}.beforeAfter-cont .beforeAfter-slider-images-widget-line{z-index:5;position:absolute;left:calc(50% - 3px);width:6px;height:100%;background-color:#4969fb;will-change:left,width}.beforeAfter-cont .beforeAfter-slider-images-widget-circle{z-index:5;position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;transform:translate(-50%,-50%);background-color:#4969fb;border-radius:50%;pointer-events:none;will-change:left,width}.beforeAfter-cont .beforeAfter-slider-images-widget-circle img{all:revert;width:70%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.beforeAfter-cont .beforeAfter-slider-images-widget-range{position:relative;z-index:10;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;cursor:pointer;pointer-events:auto;touch-action:pan-x}.beforeAfter-cont .beforeAfter-slider-images-widget-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:rgba(0,0,0,0)}.beforeAfter-cont .beforeAfter-slider-images-widget input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:2px;height:2px;border-radius:50%;background:#4969fb;border:none;cursor:-webkit-grab;cursor:grab}.beforeAfter-cont .beforeAfter-slider-images-widget input[type=range]::-moz-range-thumb{width:2px;height:2px;border-radius:50%;background:#4969fb;border:none;cursor:grab}.beforeAfter-cont .beforeAfter-slider-images-widget input[type=range]::-ms-thumb{width:2px;height:2px;border-radius:50%;background:#4969fb;border:none}.beforeAfter-cont .beforeAfter-slider-description p{font-size:1rem;font-family:var(--avenir-font),sans-serif;font-weight:500;font-style:italic;color:#1a1a1a;line-height:1.35;text-wrap-style:pretty}@media screen and (max-width:899px){.beforeAfter-cont .beforeAfter-slider-description p{font-size:.9rem;line-height:1.35}}.beforeAfter-cont .beforeAfter-slider-description p{color:#4d4d4d;text-align:center;margin-top:12px}