.results-section{padding-block:38px 34px;background:#e8e9e4;scroll-margin-top:85px}
.results-layout{display:grid;gap:24px}
.results-intro .eyebrow{margin-bottom:12px;font-size:10px;letter-spacing:.17em;color:#5b615b}
.results-intro h2{font-size:clamp(34px,8.5vw,47px);line-height:1.06;letter-spacing:-.055em;margin:0}
.results-intro>p:not(.eyebrow){margin:15px 0 12px;font-size:14px;line-height:1.6;color:#4a514a}
.results-intro .text-link{font-size:13px;min-height:44px;gap:13px}
.results-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}
.results-switch{display:flex;gap:6px;padding:4px;border:1px solid #cdd0c9;border-radius:100px;background:#ffffff5c}
.results-switch[hidden],.result-card[hidden]{display:none}
.results-switch button{flex:1;min-height:44px;padding:10px 8px;border:0;border-radius:100px;background:transparent;color:#414840;font:600 12px/1.3 Manrope,sans-serif;cursor:pointer}
.results-switch button[aria-pressed=true]{background:#101114;color:#fff}
.result-card{min-width:0;max-width:440px;width:100%;justify-self:center}
.result-comparison{--split:50%;position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;background:#b0ada4;border-radius:10px;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.result-comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;max-width:none;-webkit-user-drag:none}
.result-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0);overflow:hidden}
.result-tape .result-before img{object-position:52% 100%;transform:scale(1.035)}
.result-tape>.result-after{object-position:51% 0;transform:scale(1.12) translateY(6%)}
.result-bonding .result-before img{object-position:50% 100%;transform:scale(1.18)}
.result-bonding>.result-after{object-position:50% 0;transform:scale(1.22) translateY(10%)}
.result-label{position:absolute;top:12px;padding:6px 9px;color:#fff;background:#141614c9;border-radius:5px;font-size:10px;font-weight:600;line-height:1.3;pointer-events:none}
.result-label-before{left:12px}.result-label-after{right:12px}
.result-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 6px #0003}
.result-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:white;color:#101114;box-shadow:0 3px 16px #0003}
.result-handle svg{width:32px;height:20px}
.result-comparison:focus-visible{outline:3px solid #77591d;outline-offset:5px}
.result-comparison:focus-visible .result-handle{box-shadow:0 0 0 4px #77591d}
.result-caption{display:flex;align-items:start;gap:11px;margin-top:14px}
.result-number{color:#697168;font-size:11px;padding-top:5px}
.result-caption h3{font-size:21px;line-height:1.25;letter-spacing:-.04em;margin:0}
.result-caption p{font-size:12px;color:#5c635a;margin:5px 0 0}
.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #cdd0c8;padding-top:12px;margin:14px 0 0}
.result-facts dt{font-size:10px;line-height:1.4;color:#5c635a;margin-bottom:4px}.result-facts dd{font-size:16px;font-weight:600;margin:0;line-height:1.3}
.results-price-note{grid-column:1/-1;font-size:11px;line-height:1.65;color:#535b50;max-width:680px;margin:0}
.results-price-note a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px;margin-left:4px;color:#20291c}
.results-help{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:639px){.result-tape>.result-after{transform:scale(1.12) translateY(-1%)}.result-bonding>.result-after{transform:scale(1.22) translateY(5%)}}
@media(min-width:640px){.results-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.results-section{padding-block:48px}.result-comparison{aspect-ratio:3/4}.result-caption h3{font-size:20px}}
@media(min-width:1000px){.results-layout{grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.results-intro h2{font-size:clamp(47px,4.8vw,62px)}.results-intro>p:not(.eyebrow){font-size:15px}.results-section{padding-block:64px}.results-gallery{gap:25px}.result-caption h3{font-size:22px}}
@media(prefers-reduced-motion:no-preference){.comparison-demo .result-before{transition:clip-path .36s ease-in-out}.comparison-demo .result-divider{transition:left .36s ease-in-out}}
