.rt-kitchen-compare{position:relative;margin:0;height:clamp(360px,38vw,520px);overflow:hidden;background:#d5c4a4;isolation:isolate}
.project-highlight .rt-kitchen-compare img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:50% 50%}
.rt-kitchen-compare .rt-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.rt-compare-label{position:absolute;top:15px;padding:6px 12px;background:rgba(28,25,19,.75);color:#fff9ee;border-radius:20px;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.07em;pointer-events:none}
.rt-compare-label-before{left:14px}.rt-compare-label-after{right:14px}
.rt-compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-1px);background:#fff4da;pointer-events:none;filter:drop-shadow(0 0 2px #352616)}
.rt-compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff4da;border-radius:50%;background:#f1bf72;color:#302419;font:26px/1 Arial,sans-serif}
.rt-compare-range{position:absolute;left:-24px;top:calc(50% - 24px);width:calc(100% + 48px);height:48px;margin:0;padding:0;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y;outline:none}
.rt-compare-range::-webkit-slider-runnable-track{height:2px;background:transparent}
.rt-compare-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:48px;margin-top:-23px;border:0;border-radius:50%;background:transparent;box-shadow:none}
.rt-compare-range::-moz-range-track{height:2px;background:transparent}.rt-compare-range::-moz-range-thumb{width:48px;height:48px;border:0;background:transparent}
.rt-kitchen-compare:focus-within .rt-compare-line span{outline:3px solid #fff9ee;outline-offset:4px}
@media(min-width:851px){.project-highlight-grid>.project-highlight>img{height:clamp(360px,38vw,520px)}}
@media(max-width:850px){.project-highlights .project-comparison{display:block}.rt-kitchen-compare{height:clamp(340px,82vw,500px)}.project-highlights .project-comparison>div{padding:20px}.project-highlights .project-comparison h3{font-size:28px}.project-highlights .project-comparison>div>p:not(.project-kicker){font-size:15px}}
.rt-kitchen-compare input.rt-compare-range:focus,.rt-kitchen-compare input.rt-compare-range:focus-visible{outline:none!important;box-shadow:none!important}