/* One comparison surface on the homepage and color-change page. */
.mercedes-reveal{position:relative;aspect-ratio:2280/2230;overflow:hidden;border-radius:14px;background:#182131;isolation:isolate}
.color-change-project .mercedes-reveal img,.color-intro .mercedes-reveal img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;border-radius:0;pointer-events:none;user-select:none;-webkit-user-drag:none}
.mercedes-before{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}
.compare-label{position:absolute;top:16px;background:#111a;color:white;padding:7px 12px;border-radius:5px;font-size:12px;font-weight:700;pointer-events:none}.before-label{left:16px}.after-label{right:16px}
.compare-line{position:absolute;left:var(--split,50%);top:0;height:100%;border-left:2px solid white;pointer-events:none}.compare-line>span{position:absolute;top:50%;left:-23px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0753ff;font-size:24px;box-shadow:0 2px 10px #0005}
.mercedes-slider,.wrap-reveal-control{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;z-index:3;opacity:1;background:transparent;cursor:ew-resize;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.mercedes-reveal:focus-within,.wrap-reveal-stage:focus-within{outline:3px solid #0753ff;outline-offset:3px}
.color-change-project{max-width:540px}.color-change-project small{font-size:11px;line-height:1.5}