.before-and-after{position:relative;width:100%;height:29.375rem}@media screen and (min-width:768px){.before-and-after{height:46.875rem}}.before-and-after--modal{height:29.375rem}@media screen and (min-width:768px){.before-and-after--modal{height:100vh}}.before-and-after__before{border-right:2px solid #fff;overflow:hidden;z-index:2}.before-and-after__after,.before-and-after__before,.before-and-after__before-wrapper{position:absolute;width:100%;height:100%}.before-and-after__after{inset:0}.before-and-after__image{object-fit:contain;object-position:center;width:100%;height:100%}.before-and-after__labels-wrapper{position:absolute;display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem;width:100%;top:auto;bottom:1.5rem}@media screen and (min-width:768px){.before-and-after__labels-wrapper{padding:0 3rem;bottom:3rem}}.before-and-after__label>p{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1.25rem;font-weight:500;line-height:1.5}@supports not (text-box-trim:trim-both){.before-and-after__label>p{margin-top:-.6875rem;margin-bottom:-.375rem}}.before-and-after__label>p{color:#a52426}.before-and-after__label--modal>p{color:#fff}.before-and-after__control{position:absolute;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:100%;height:100%;z-index:3}.before-and-after__slider{-webkit-appearance:none;width:calc(100% + 2.75rem);height:100%;margin-left:-25px!important;background:rgba(0,0,0,0)}.before-and-after__slider:focus-visible::-webkit-slider-thumb{border-radius:0;box-shadow:0 0 0 4px #ef6b6e;outline:2px solid #222;outline-offset:0;z-index:99}.before-and-after__slider:focus-visible::-webkit-slider-thumb.__SILKY__silktide-active{outline-offset:0!important;outline:2px solid #222!important}.before-and-after__slider:focus-visible::-webkit-slider-thumb{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L2 12L7 7L8.4 8.4L5.825 11H18.175L15.6 8.4L17 7L22 12L17 17L15.6 15.6L18.175 13H5.825L8.4 15.6L7 17Z' fill='%23222222'/%3E%3C/svg%3E%0A")}.before-and-after__slider::-webkit-slider-thumb{-webkit-appearance:none;width:2.75rem;height:2.75rem;border-radius:.125rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L2 12L7 7L8.4 8.4L5.825 11H18.175L15.6 8.4L17 7L22 12L17 17L15.6 15.6L18.175 13H5.825L8.4 15.6L7 17Z' fill='%23A52426'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:50%;margin:unset;cursor:pointer;pointer-events:all}.before-and-after__slider::-webkit-slider-thumb:hover{background-color:#fff3f1;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L2 12L7 7L8.4 8.4L5.825 11H18.175L15.6 8.4L17 7L22 12L17 17L15.6 15.6L18.175 13H5.825L8.4 15.6L7 17Z' fill='%235D1C1C'/%3E%3C/svg%3E%0A");-webkit-appearance:none}.before-and-after__slider::-webkit-slider-thumb:focus-visible{border-radius:0;box-shadow:0 0 0 4px #ef6b6e;outline:2px solid #222;outline-offset:0;z-index:99}.before-and-after__slider::-webkit-slider-thumb:focus-visible.__SILKY__silktide-active{outline-offset:0!important;outline:2px solid #222!important}.before-and-after__slider::-webkit-slider-thumb:focus-visible{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L2 12L7 7L8.4 8.4L5.825 11H18.175L15.6 8.4L17 7L22 12L17 17L15.6 15.6L18.175 13H5.825L8.4 15.6L7 17Z' fill='%23222222'/%3E%3C/svg%3E%0A")}.before-and-after__slider::-moz-range-thumb{width:2.75rem;height:2.75rem;border-radius:.125rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L2 12L7 7L8.4 8.4L5.825 11H18.175L15.6 8.4L17 7L22 12L17 17L15.6 15.6L18.175 13H5.825L8.4 15.6L7 17Z' fill='%23A52426'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:50%;cursor:pointer}.before-and-after__slider::-moz-range-thumb:hover{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L2 12L7 7L8.4 8.4L5.825 11H18.175L15.6 8.4L17 7L22 12L17 17L15.6 15.6L18.175 13H5.825L8.4 15.6L7 17Z' fill='%235D1C1C'/%3E%3C/svg%3E%0A");background-color:#fff3f1;background-repeat:no-repeat;background-position:50%}*,:after,:before{box-sizing:border-box}body,html{scroll-behavior:smooth}.pattern-library a,.pattern-library h1,.pattern-library h2,.pattern-library h3,.pattern-library h4,.pattern-library h5,.pattern-library h6,.pattern-library input,.pattern-library label,.pattern-library p,.pattern-library select,.sb-show-main a,.sb-show-main h1,.sb-show-main h2,.sb-show-main h3,.sb-show-main h4,.sb-show-main h5,.sb-show-main h6,.sb-show-main input,.sb-show-main label,.sb-show-main p,.sb-show-main select{text-box-edge:cap alphabetic;text-box-trim:trim-both}.pattern-library input,.sb-show-main input{text-box-edge:text;text-box-trim:trim-both}ul{padding:0;margin:0}ul li{list-style-type:none}ul.list-inline li{display:inline-block;margin-right:5px}button{-webkit-appearance:none;appearance:none;background-color:rgba(0,0,0,0);border:none}a,button{outline:none}a{text-decoration:none}a,button{color:inherit}a,button{cursor:pointer}.modal-open{overflow:hidden}.sb-show-main{background-color:#efefee}.story-container{max-width:1312px;margin:0 auto}@media screen and (min-width:1100px){.story-container{margin:0 auto}}.story-grid{display:grid;grid-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(8,1fr);padding:0 1rem}@media screen and (min-width:768px){.story-grid{grid-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:repeat(12,1fr);padding:0 1.875rem}}@media screen and (min-width:1100px){.story-grid{grid-template-columns:repeat(12,1fr);padding:0 3rem}}.story-card-wrapper{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper{grid-column:span 4}}.sb-show-main.sb-main-padded{padding:0;margin:0}.story-card-wrapper-xl{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-xl{grid-column:span 12}}.story-card-wrapper-l{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-l{grid-column:span 6}}.story-card-wrapper-m{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-m{grid-column:span 4}}.story-card-wrapper-s{grid-column:span 8}@media screen and (min-width:768px){.story-card-wrapper-s{grid-column:span 3}}.storybook-label{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.16px}@supports not (text-box-trim:trim-both){.storybook-label{margin-top:-.5rem;margin-bottom:-.3125rem}}.page{background-color:#fff;padding-bottom:2.25rem}@media screen and (min-width:768px){.page{padding-bottom:4.5rem}}.before-and-after-modal{position:relative;background-color:#fff}.before-and-after-modal__container{max-width:1312px;margin:0 auto}@media screen and (min-width:1100px){.before-and-after-modal__container{margin:0 auto}}.before-and-after-modal__container{padding-top:2rem}@media screen and (min-width:768px){.before-and-after-modal__container{padding-top:4.5rem}}.before-and-after-modal__header{display:grid;grid-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(8,1fr);padding:0 1rem}@media screen and (min-width:768px){.before-and-after-modal__header{grid-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:repeat(12,1fr);padding:0 1.875rem}}@media screen and (min-width:1100px){.before-and-after-modal__header{grid-template-columns:repeat(12,1fr);padding:0 3rem}}.before-and-after-modal__header{padding-bottom:1.5rem}@media screen and (min-width:768px){.before-and-after-modal__header{padding-bottom:3rem}}.before-and-after-modal__header-text{grid-column:span 8}.before-and-after-modal__heading>h2{margin:0;margin-block:0;padding:0;color:#333;font-family:GoudyOldStyleRoman;font-size:2.25rem;font-weight:400;line-height:1.2}@supports not (text-box-trim:trim-both){.before-and-after-modal__heading>h2{margin:-.5625rem 0}}@media screen and (min-width:768px){.before-and-after-modal__heading>h2{font-size:2.5rem;line-height:1.2}@supports not (text-box-trim:trim-both){.before-and-after-modal__heading>h2{margin:-.625rem 0}}}.before-and-after-modal__heading>h2{color:#a52426}.before-and-after-modal__description{padding-top:1.5rem}.before-and-after-modal__description>p{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1.25rem;font-weight:500;line-height:1.5}@supports not (text-box-trim:trim-both){.before-and-after-modal__description>p{margin-top:-.6875rem;margin-bottom:-.375rem}}.before-and-after-modal__description>p{color:#a52426}.before-and-after-modal__header-cta{display:flex;align-items:end;grid-column:span 8;padding-top:1.5rem}@media screen and (min-width:768px){.before-and-after-modal__header-cta{grid-column:10/span 3;justify-content:flex-end}}.before-and-after-modal__header-cta>.button{width:100%}@media screen and (min-width:768px){.before-and-after-modal__header-cta>.button{width:auto}}.before-and-after-modal__before-and-after{display:grid;grid-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(8,1fr);padding:0 1rem}@media screen and (min-width:768px){.before-and-after-modal__before-and-after{grid-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:repeat(12,1fr);padding:0 1.875rem}}@media screen and (min-width:1100px){.before-and-after-modal__before-and-after{grid-template-columns:repeat(12,1fr);padding:0 3rem}}.before-and-after-modal__before-and-after{position:relative;width:100%;background-color:#fff3f1}.before-and-after-modal__before-label{grid-column:span 3;display:flex;flex-direction:column;align-items:start;justify-content:end;padding-bottom:3rem;padding-left:3rem}.before-and-after-modal__before-label>p{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1.25rem;font-weight:500;line-height:1.5}@supports not (text-box-trim:trim-both){.before-and-after-modal__before-label>p{margin-top:-.6875rem;margin-bottom:-.375rem}}.before-and-after-modal__before-label>p{text-align:left;color:#a52426}.before-and-after-modal__before-label--modal{grid-column:span 2}.before-and-after-modal__before-label--modal>p{color:#fff}.before-and-after-modal__after-label{grid-column:span 3;display:flex;flex-direction:column;align-items:end;justify-content:end;padding-bottom:3rem;padding-right:3rem}.before-and-after-modal__after-label>p{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1.25rem;font-weight:500;line-height:1.5}@supports not (text-box-trim:trim-both){.before-and-after-modal__after-label>p{margin-top:-.6875rem;margin-bottom:-.375rem}}.before-and-after-modal__after-label>p{text-align:right;color:#a52426}.before-and-after-modal__after-label--modal{grid-column:span 2}.before-and-after-modal__after-label--modal>p{color:#fff}.before-and-after-modal__interaction{grid-column:span 8}@media screen and (min-width:768px){.before-and-after-modal__interaction{grid-column:4/span 6}}.before-and-after-modal__mobile-labels{position:relative;display:flex;flex-direction:row;justify-content:space-between;grid-column:span 8;padding:3rem 0 1.5rem}.before-and-after-modal__mobile-labels>p{margin:0;margin-block:0;padding:0;color:#333;font-family:GillSansNovaMedium;font-size:1.25rem;font-weight:500;line-height:1.5}@supports not (text-box-trim:trim-both){.before-and-after-modal__mobile-labels>p{margin-top:-.6875rem;margin-bottom:-.375rem}}.before-and-after-modal__mobile-labels>p{color:#a52426}.before-and-after-modal__mobile-labels--modal>p{color:#fff}.before-and-after-modal__expand-button{position:relative;display:flex;flex-direction:row;justify-content:end;grid-column:span 8;padding:1rem 0}@media screen and (min-width:768px){.before-and-after-modal__expand-button{position:absolute;top:3rem;left:auto;right:3rem}}.before-and-after-modal__expand-button>button{background-color:#fff3f1}.before-and-after-modal__modal{display:none;position:fixed;width:100vw;height:100vh;padding:0;margin:0;z-index:9999;background-color:#333;top:0;left:0}.before-and-after-modal__modal--open{display:block}.before-and-after-modal__modal-wrapper{position:relative;width:100%;height:100%}.before-and-after-modal__modal-container{max-width:1312px;margin:0 auto}@media screen and (min-width:1100px){.before-and-after-modal__modal-container{margin:0 auto}}.before-and-after-modal__modal-container{position:relative}.before-and-after-modal__modal-grid{display:grid;grid-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(8,1fr);padding:0 1rem}@media screen and (min-width:768px){.before-and-after-modal__modal-grid{grid-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:repeat(12,1fr);padding:0 1.875rem}}@media screen and (min-width:1100px){.before-and-after-modal__modal-grid{grid-template-columns:repeat(12,1fr);padding:0 3rem}}.before-and-after-modal__modal-interaction{position:relative;grid-column:span 8}@media screen and (min-width:768px){.before-and-after-modal__modal-interaction{grid-column:3/span 8}}.before-and-after-modal__modal-close-button{position:relative;display:flex;justify-content:end;grid-column:span 8;padding:1rem}@media screen and (min-width:768px){.before-and-after-modal__modal-close-button{position:absolute;top:3rem;left:auto;right:3rem}}