.codeblock{margin:12px 0}div.codeblock code{color:inherit!important;font-family:var(--avenir-font),sans-serif!important;font-weight:600;padding:0;border-radius:0;background-color:rgba(0,0,0,0);overflow-x:auto;font-size:1.25rem!important}@media screen and (max-width:899px){div.codeblock code{font-size:1rem!important}}div.codeblock code::-webkit-scrollbar{height:4px;background:rgba(0,0,0,0)}div.codeblock code::-webkit-scrollbar-track{background:rgba(0,0,0,0)}div.codeblock code::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.8);border-radius:2px}div.codeblock code::-webkit-scrollbar-thumb:hover{background:#fff}.richtext-image{display:flex;width:100%}.richtext-image img{height:auto;width:100%}.richtext-image .sm{max-width:300px}.richtext-image .md{max-width:600px}.richtext-image .lg{max-width:100%}.richtext-image.center{justify-content:center}.richtext-image.left{justify-content:flex-start}.richtext-image.right{justify-content:flex-end}.richtext-video-media:after{transform:scale(.8)}.richtext-video{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9}.richtext-video iframe{width:100%;height:100%;border-radius:32px}.richtext-video-media:before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.3);border-radius:32px;z-index:1;transition:opacity .3s ease}.richtext-video-media:after{content:"";position:absolute;width:100px;height:100px;background-color:#fff;background-image:url(/assets/svg/play-rose.svg);background-repeat:no-repeat;background-position:calc(50% + 4px) 50%;border-radius:50%;z-index:2;transition:transform .6s cubic-bezier(.76,0,.24,1),opacity .3s ease}@media screen and (max-width:599px){.richtext-video-media:after{width:60px;height:60px;background-size:30%}}.richtext-video.show:after,.richtext-video.show:before{opacity:0;pointer-events:none}.richtext-video-video{width:100%;height:auto;border-radius:32px;display:block;position:relative;z-index:0}.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%}.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}