@property --scroll-progress{syntax:"<number>";inherits:true;initial-value:0}@property --layer-index{syntax:"<integer>";inherits:true;initial-value:1}@property --layer-count{syntax:"<integer>";inherits:true;initial-value:1}@property --divider-index{syntax:"<integer>";inherits:true;initial-value:1}@property --divider-count{syntax:"<integer>";inherits:true;initial-value:1}:root{--comparator-duration:400vh;--comparator-offset:35vh;--comparator-max-width:56.25rem;--comparator-max-height:100vh;--comparator-aspect-ratio:4/3;--slider-color-light:#fafafa;--slider-color-dark:#1f1408;--slider-color-accent:#6b7280;--slider-space-md:1rem;--slider-ts-xxs:clamp(.75rem, -4cqw + .35rem, .9rem);--slider-ts-md:clamp(1.1391rem, 1.5cqw + .35rem, 1.4555rem);--slider-ts-lg:clamp(1.2656rem, 3cqw + .35rem, 1.6172rem)}@media (max-width:48em){:root{--comparator-aspect-ratio:3/4}}.SliderComparator-module__oRbmsW__scrollSection{block-size:calc(var(--comparator-duration) + 100vh);background:#f5f5f5;margin-top:0;position:relative}.SliderComparator-module__oRbmsW__sectionHeader{z-index:30;text-align:center;pointer-events:none;padding:0 1rem;position:absolute;top:12vh;left:0;right:0}.SliderComparator-module__oRbmsW__sectionTitle{color:#1a1a1a;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.SliderComparator-module__oRbmsW__comparatorContainer{justify-content:center;align-items:flex-start;block-size:100vh;padding-top:23vh;display:flex;position:sticky;inset-block-start:0;overflow:visible}.SliderComparator-module__oRbmsW__comparatorWrapper{animation:linear both SliderComparator-module__oRbmsW__comparator-3d-flip;animation-range:calc(var(--comparator-offset) - 50vh) calc(var(--comparator-offset) + var(--comparator-duration) + 50vh);aspect-ratio:var(--comparator-aspect-ratio);inline-size:100%;margin-inline:var(--slider-space-md);max-block-size:var(--comparator-max-height);max-inline-size:var(--comparator-max-width);border-radius:.75rem;animation-timeline:scroll(root);position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.SliderComparator-module__oRbmsW__flipReverse{animation-name:SliderComparator-module__oRbmsW__comparator-3d-flip-reverse}.SliderComparator-module__oRbmsW__comparator{animation:linear both SliderComparator-module__oRbmsW__progress-calc;animation-range:var(--comparator-offset) calc(var(--comparator-offset) + var(--comparator-duration));block-size:100%;inline-size:100%;animation-timeline:scroll(root);display:grid;position:relative}.SliderComparator-module__oRbmsW__imageLayers,.SliderComparator-module__oRbmsW__dividerLines,.SliderComparator-module__oRbmsW__imageLayer{grid-area:1/-1;display:grid;position:relative}.SliderComparator-module__oRbmsW__imageLayer:not(:last-child){animation:linear both SliderComparator-module__oRbmsW__clip-reveal;animation-timeline:scroll(root);animation-range:calc(var(--comparator-offset) + (var(--comparator-duration) * calc((var(--layer-index) - 1) / (var(--layer-count) - 1)))) calc(var(--comparator-offset) + (var(--comparator-duration) * calc(var(--layer-index) / (var(--layer-count) - 1))))}.SliderComparator-module__oRbmsW__imageLayer picture{max-block-size:var(--comparator-max-height);grid-area:1/-1;block-size:100%;inline-size:100%;display:block}.SliderComparator-module__oRbmsW__imageLayer img{object-fit:cover;object-position:center;block-size:100%;inline-size:100%;aspect-ratio:var(--comparator-aspect-ratio);background:#1a1a1a;display:block}.SliderComparator-module__oRbmsW__dividerLine{pointer-events:none;z-index:15;block-size:100%;inline-size:2px;animation:linear both SliderComparator-module__oRbmsW__divider-move;animation-timeline:scroll(root);animation-range:calc(var(--comparator-offset) + (var(--comparator-duration) * calc((var(--divider-index) - 1) / var(--divider-count)))) calc(var(--comparator-offset) + (var(--comparator-duration) * calc(var(--divider-index) / var(--divider-count))));background:0 0;border-inline-start:2px solid #fffc;grid-area:1/-1;position:relative;box-shadow:0 0 20px #8b5cf680,0 0 40px #8b5cf64d}.SliderComparator-module__oRbmsW__comparatorOverlay{block-size:100%;inline-size:100%;max-block-size:var(--comparator-max-height);background:linear-gradient(#0000001a 0%,#0009 100%);flex-direction:column;grid-area:1/-1;display:flex;position:relative;transform:translateZ(30px)}.SliderComparator-module__oRbmsW__label{-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem);color:var(--slider-color-light);font-size:var(--slider-ts-xxs);letter-spacing:.05em;inline-size:fit-content;margin-block:var(--slider-space-md) auto;margin-inline:var(--slider-space-md) auto;pointer-events:none;text-transform:uppercase;white-space:nowrap;z-index:11;background:#0009;border-radius:1rem;padding:.5rem 1rem;font-weight:600;position:relative}.SliderComparator-module__oRbmsW__imageText{animation:.6s ease-out both SliderComparator-module__oRbmsW__text-reveal;animation-range:var(--comparator-offset) calc(var(--comparator-offset) + 20vh);pointer-events:none;z-index:10;max-width:90%;margin-block:auto 1.5rem;margin-inline:1.5rem;animation-timeline:scroll(root);position:relative}.SliderComparator-module__oRbmsW__imageText h2{letter-spacing:-.03em;color:#fafafa;margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;line-height:1.2}.SliderComparator-module__oRbmsW__imageText h3{color:#ffffffe6;max-width:500px;margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.5}.SliderComparator-module__oRbmsW__comparisonPercentage{color:#fafafae6;bottom:var(--slider-space-md);font-size:var(--slider-ts-md);font-variant-numeric:tabular-nums;pointer-events:none;right:var(--slider-space-md);z-index:20;font-weight:500;line-height:1.4;position:absolute}.SliderComparator-module__oRbmsW__stageNav{right:var(--slider-space-md);z-index:25;pointer-events:auto;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.SliderComparator-module__oRbmsW__stageIndicator{appearance:none;cursor:pointer;background:#ffffff4d;border:none;border-radius:.25rem;width:.5rem;height:.5rem;padding:0;transition:all .2s}.SliderComparator-module__oRbmsW__stageIndicator:hover{background:#ffffffb3;transform:scale(1.3)}.SliderComparator-module__oRbmsW__stageIndicator.SliderComparator-module__oRbmsW__active{background:#fff;height:1rem}.SliderComparator-module__oRbmsW__stageIndicator:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6cc}@media (max-width:48em){.SliderComparator-module__oRbmsW__stageNav{top:auto;right:50%;bottom:calc(var(--slider-space-md) * 3);flex-direction:row;transform:translate(50%)}.SliderComparator-module__oRbmsW__stageIndicator.SliderComparator-module__oRbmsW__active{width:1rem;height:.5rem}}@keyframes SliderComparator-module__oRbmsW__comparator-3d-flip{0%{opacity:.75;transform:perspective(1200px)rotateX(10deg)rotateY(-10deg)rotate(-3deg)scale(.85)}15%,85%{opacity:1;transform:perspective(1200px)rotateX(0)rotateY(0)rotate(0)scale(1)}to{opacity:.75;transform:perspective(1200px)rotateX(-10deg)rotateY(10deg)rotate(3deg)scale(.85)}}@keyframes SliderComparator-module__oRbmsW__comparator-3d-flip-reverse{0%{opacity:.75;transform:perspective(1200px)rotateX(-10deg)rotateY(10deg)rotate(3deg)scale(.85)}15%,85%{opacity:1;transform:perspective(1200px)rotateX(0)rotateY(0)rotate(0)scale(1)}to{opacity:.75;transform:perspective(1200px)rotateX(10deg)rotateY(-10deg)rotate(-3deg)scale(.85)}}@keyframes SliderComparator-module__oRbmsW__progress-calc{0%{--scroll-progress:0}to{--scroll-progress:100}}@keyframes SliderComparator-module__oRbmsW__clip-reveal{0%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes SliderComparator-module__oRbmsW__divider-move{0%{opacity:0;inset-inline-start:100%}2%{opacity:1}98%{opacity:1}to{opacity:0;inset-inline-start:0%}}@keyframes SliderComparator-module__oRbmsW__text-reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
