.CaseStudyBeforeAfter-module-scss-module__xcHObq__root{--ba-pos:50%;--ba-handle:var(--color-link);--ba-deck:63%;touch-action:pan-y;cursor:ew-resize;aspect-ratio:4/5;-webkit-user-select:none;user-select:none;width:100%;position:relative;overflow:hidden}@media (min-width:768px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__root{aspect-ratio:1920/965}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__side{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.CaseStudyBeforeAfter-module-scss-module__xcHObq__afterClip{clip-path:inset(0 0 0 var(--ba-pos));position:absolute;inset:0}.CaseStudyBeforeAfter-module-scss-module__xcHObq__deck{flex-shrink:0;width:140%;position:relative}@media (min-width:768px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__deck{width:var(--ba-deck)}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckMain,.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckEcho{border-radius:var(--radius-xl);width:100%;height:auto;display:block}@media (min-width:768px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckMain,.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckEcho{border-radius:var(--radius-3xl)}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckMain{position:relative}.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckEcho{position:absolute;top:0;left:50%}.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckEchoNear{opacity:.4;width:91.7%;transform:translate(-50%,-6.2%)}.CaseStudyBeforeAfter-module-scss-module__xcHObq__deckEchoFar{opacity:.15;width:83.5%;transform:translate(-50%,-13.7%)}.CaseStudyBeforeAfter-module-scss-module__xcHObq__list{display:none}@media (min-width:1024px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__list{width:calc((100% - var(--ba-deck))/2);padding-inline:var(--space-6) var(--space-5);display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}}@media (min-width:1280px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__list{padding-inline:var(--space-12) var(--space-6)}}@media (min-width:1024px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__sideAfter .CaseStudyBeforeAfter-module-scss-module__xcHObq__list{padding-inline:var(--space-5) var(--space-6);left:auto;right:0}}@media (min-width:1280px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__sideAfter .CaseStudyBeforeAfter-module-scss-module__xcHObq__list{padding-inline:var(--space-6) var(--space-12)}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__listItems{gap:var(--space-2);flex-direction:column;max-width:240px;margin:0;padding:0;list-style:none;display:flex}.CaseStudyBeforeAfter-module-scss-module__xcHObq__sideAfter .CaseStudyBeforeAfter-module-scss-module__xcHObq__listItems{margin-left:auto}.CaseStudyBeforeAfter-module-scss-module__xcHObq__listItem{gap:var(--space-2);flex-direction:column;display:flex}.CaseStudyBeforeAfter-module-scss-module__xcHObq__listNumber{font-family:var(--font-display-stack);font-weight:700;font-size:var(--text-3xl);line-height:var(--leading-tight)}@media (min-width:1280px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__listNumber{font-size:var(--text-4xl)}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__listRule{opacity:.9;background:currentColor;width:60px;height:2px}@media (min-width:1280px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__listRule{width:76px}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__listText{font-weight:600;font-size:var(--text-base);line-height:var(--leading-snug)}@media (min-width:1280px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__listText{font-size:var(--text-lg)}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__divider{top:0;bottom:0;left:var(--ba-pos);background:var(--ba-handle);width:2px;position:absolute;transform:translate(-50%)}.CaseStudyBeforeAfter-module-scss-module__xcHObq__handle{top:50%;left:var(--ba-pos);border:2px solid var(--ba-handle);border-radius:var(--radius-full);width:48px;height:48px;color:var(--ba-handle);cursor:ew-resize;background:color-mix(in srgb, var(--color-lotion) 10%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}@media (min-width:768px){.CaseStudyBeforeAfter-module-scss-module__xcHObq__handle{width:62px;height:62px}}.CaseStudyBeforeAfter-module-scss-module__xcHObq__handle:focus-visible{box-shadow:inset 0 0 0 1px var(--color-focus-ring);outline:none}.CaseStudyBeforeAfter-module-scss-module__xcHObq__handleArrows{width:33px;height:16px}