.block-before-and-after{position:relative;height:200vh;width:100%;--image-coverage-y: calc(-65% + (((var(--dsap-scroll-delta)/ 10) - 10) * 5%));--image-coverage-x: calc(-65% + (((var(--dsap-scroll-delta)/10) - 10) * 3%))}.block-before-and-after__wrapper{height:calc(100vh - var(--site-header-height));position:-webkit-sticky;position:sticky;top:calc(var(--site-header-height));bottom:0}.block-before-and-after .image-wrapper__after{-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--image-coverage-x);height:var(--image-coverage-y);overflow:clip;border-radius:10vw;z-index:2;max-width:90%;max-height:80%}.block-before-and-after .image-wrapper__after .behave-as-bg{width:100vw;height:100vh;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);left:50%;top:50%}.block-before-and-after .image-wrapper__after .block-before-and-after__text{background:radial-gradient(50% 50% at 50% 50%, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%)}.block-before-and-after__text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;text-align:center;color:var(--white);font-size:32px;line-height:32px;font-weight:300;text-transform:uppercase;letter-spacing:3.6px;width:90vw}@media only screen and (min-width: 320px){.block-before-and-after__text{font-size:calc( 32px + 128 * (100vw - 320px) / (1440 - 320))}}@media only screen and (min-width: 1440px){.block-before-and-after__text{font-size:160px}}@media only screen and (min-width: 320px){.block-before-and-after__text{line-height:calc( 32px + 128 * (100vw - 320px) / (1440 - 320))}}@media only screen and (min-width: 1440px){.block-before-and-after__text{line-height:160px}}@media (min-width: 1440px){.block-before-and-after__text{letter-spacing:8px}}

/*# sourceMappingURL=block-before-and-after.css.map */