body{--button-background:var(--color-brand-lilac);--button-color:var(--color-text-primary);--button-background-hover:var(--color-brand-light);--button-color-hover:var(--color-text-primary)}.block__stratford-before-after{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;padding:var(--spacing-lg) 0}.block__stratford-before-after.bg-blue{background-color:var(--color-brand-dark-blue);color:var(--color-text-secondary)}.block__stratford-before-after.bg-pink{background-color:var(--color-brand-pink);color:var(--color-text-primary);--button-background:var(--color-brand-dark-blue);--button-color:var(--color-text-secondary);--icons-arrow:var(--icons-arrow-light)}.block__stratford-before-after.bg-olive{background-color:var(--color-brand-green);color:var(--color-text-secondary)}.block__stratford-before-after.bg-olive hr{border-color:var(--color-brand-orange)}.block__stratford-before-after.bg-lilac{background-color:var(--color-brand-lilac);color:var(--color-text-primary);--button-background:var(--color-brand-orange)}.block__stratford-before-after.bg-orange{background-color:var(--color-brand-orange);color:var(--color-text-primary);--button-background:var(--color-brand-dark-blue);--button-color:var(--color-text-secondary);--icons-arrow:var(--icons-arrow-light)}.block__stratford-before-after.bg-red{background-color:var(--color-brand-red);color:var(--color-text-secondary)}.block__stratford-before-after.bg-white{background-color:var(--color-brand-light);color:var(--color-text-primary)}.block__stratford-before-after.bg-beige{background-color:var(--color-brand-beige);color:var(--color-text-primary);--button-background:var(--color-brand-dark-blue);--button-color:var(--color-text-secondary);--icons-arrow:var(--icons-arrow-light)}.block__stratford-before-after .wrapper{max-width:var(--container-xl-max-width);width:100%;display:flex;gap:var(--spacing-md);align-items:start}.block__stratford-before-after .wrapper .left,.block__stratford-before-after .wrapper .right{max-width:calc((100% - var(--spacing-md)) * .5);width:100%}.block__stratford-before-after .wrapper .left{position:relative}.block__stratford-before-after .wrapper .left .future{position:absolute;top:0;left:0;width:100%}.block__stratford-before-after .wrapper .left img{width:100%;height:auto}.block__stratford-before-after .wrapper .left .label{font:var(--type-h3);position:absolute}.block__stratford-before-after .wrapper .left .now-label{top:var(--spacing-md);left:var(--spacing-md)}.block__stratford-before-after .wrapper .left .future-label{bottom:var(--spacing-md);right:var(--spacing-md)}.block__stratford-before-after .wrapper .left .handle{border-left:4px solid var(--color-brand-beige);height:100%;position:absolute;top:0;left:0}.block__stratford-before-after .wrapper .left .handle::after{background:var(--icons-before-after-handle);width:40px;height:40px;position:absolute;top:50%;left:-22px;transform:translateY(-50%);content:"";display:block}.block__stratford-before-after .wrapper .right h2{font:var(--type-h2);margin-bottom:var(--spacing-md)}.block__stratford-before-after .wrapper .right .description{font:var(--type-b2)}.block__stratford-before-after .wrapper .right .description p{margin-bottom:var(--spacing-sm)}.block__stratford-before-after .wrapper .right .description b,.block__stratford-before-after .wrapper .right .description strong{font-weight:700}.block__stratford-before-after .wrapper .right .description h1,.block__stratford-before-after .wrapper .right .description h2,.block__stratford-before-after .wrapper .right .description h3,.block__stratford-before-after .wrapper .right .description h4,.block__stratford-before-after .wrapper .right .description h5{margin-bottom:var(--spacing-smd)}.block__stratford-before-after .wrapper .right .description h1{font:var(--type-h1)}.block__stratford-before-after .wrapper .right .description h2{font:var(--type-h2)}.block__stratford-before-after .wrapper .right .description h3{font:var(--type-h3)}.block__stratford-before-after .wrapper .right .description h4{font:var(--type-h4)}.block__stratford-before-after .wrapper .right .description p+h1,.block__stratford-before-after .wrapper .right .description p+h2,.block__stratford-before-after .wrapper .right .description p+h3,.block__stratford-before-after .wrapper .right .description p+h4{margin-top:var(--spacing-md)}.block__stratford-before-after .wrapper .right .description p.b1{font:var(--type-b1)}.block__stratford-before-after .wrapper .right .description a:link,.block__stratford-before-after .wrapper .right .description a:visited{color:var(--color-text-primary);text-decoration:underline}.block__stratford-before-after .wrapper .right .description a:link.btn,.block__stratford-before-after .wrapper .right .description a:visited.btn{text-decoration:none}.block__stratford-before-after .wrapper .right .description .btn{display:inline-block;padding:8px 11px;border-radius:var(--radius-small);background:var(--button-background);color:var(--button-color);font:var(--type-cta);text-decoration:none;text-align:center;cursor:pointer;transition:background .3s,color .3s;position:relative;padding-right:31px}.block__stratford-before-after .wrapper .right .description .btn:active,.block__stratford-before-after .wrapper .right .description .btn:focus,.block__stratford-before-after .wrapper .right .description .btn:hover{background:var(--button-background-hover);color:var(--button-color-hover)}.block__stratford-before-after .wrapper .right .description .btn:active::after,.block__stratford-before-after .wrapper .right .description .btn:focus::after,.block__stratford-before-after .wrapper .right .description .btn:hover::after{background:var(--icons-arrow-hover);transform:translateX(3px) translateY(-50%)}.block__stratford-before-after .wrapper .right .description .btn::after{background:var(--icons-arrow);content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);height:13px;width:16px;transition:transform .5s}.block__stratford-before-after .wrapper .right .description img{max-width:100%;max-height:40vh;min-height:300px;display:block;border-radius:var(--border-radius-primary);margin:var(--spacing-md) auto}.block__stratford-before-after .wrapper .right .description p:has(img:only-child){position:relative;display:inline-block;padding-top:50%;font-size:0;width:100%}.block__stratford-before-after .wrapper .right .description p:has(img:only-child) img{position:absolute;width:100%;height:100%!important;min-height:auto;-o-object-fit:cover;object-fit:cover;top:0;left:0;margin:0}.block__stratford-before-after .wrapper .right .description img+img,.block__stratford-before-after .wrapper .right .description p:has(>img)+p:has(>img){max-width:calc((100% - 6px - var(--spacing-sm))/ 2);display:inline-block;margin-left:var(--spacing-sm);height:auto;vertical-align:middle}.block__stratford-before-after .wrapper .right .description img:has(+img),.block__stratford-before-after .wrapper .right .description p:has(>img):has(+p>img){max-width:calc((100% - 6px - var(--spacing-sm))/ 2);display:inline-block;height:auto;vertical-align:middle}.block__stratford-before-after .wrapper .right .description .strat-future-icon{text-align:right!important;float:right;width:45%!important}@media screen and (max-width:768px){.block__stratford-before-after .wrapper .right .description .strat-future-icon{width:100%!important;float:none}}.block__stratford-before-after .wrapper .right .description .strat-future-icon p{margin:0!important;text-align:inherit!important;padding:0!important}.block__stratford-before-after .wrapper .right .description .strat-future-icon img{position:static!important;width:100%!important;height:auto!important;min-height:0!important;max-height:100%!important;-o-object-fit:fill!important;object-fit:fill!important;display:inline}.block__stratford-before-after .wrapper .right .description ul{list-style:inside}.block__stratford-before-after .wrapper .right .description ol{list-style-type:decimal;list-style-position:inside}.block__stratford-before-after .wrapper .right .description ol,.block__stratford-before-after .wrapper .right .description ul{margin-bottom:1em}.block__stratford-before-after .wrapper .right .description blockquote{font:var(--type-b2);border-left:2px solid var(--color-border-highlight);padding-left:var(--spacing-md);margin:var(--spacing-md) 0}.block__stratford-before-after .wrapper .right .description table tr{border-bottom:1px solid var(--color-brand-dark-blue)}.block__stratford-before-after .wrapper .right .description table tr td{padding:var(--spacing-xs)}.block__stratford-before-after .wrapper .right .description table tr td:first-child{font-weight:700}@media screen and (max-width:768px){.block__stratford-before-after .wrapper .right .description h1{font:var(--type-h2)}.block__stratford-before-after .wrapper .right .description h2{font:var(--type-h3)}.block__stratford-before-after .wrapper .right .description h3{font:var(--type-h3)}}@media screen and (max-width:1100px){.block__stratford-before-after{padding:var(--spacing-md) 0}.block__stratford-before-after .wrapper{flex-wrap:wrap}.block__stratford-before-after .wrapper .left{order:2;max-width:100%;width:100%}.block__stratford-before-after .wrapper .right{order:1;max-width:100%}}