.auto-site .auto-project-card .day-comparison>img{transform:none}
.day-comparison{isolation:isolate;touch-action:pan-y;user-select:none}
.day-comparison .comparison-day{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--day-reveal)) 0 0);pointer-events:none}
.day-comparison .comparison-day>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.day-comparison>.pill,.day-comparison>.circle-arrow{z-index:5}
.day-comparison .comparison-controls{position:absolute;inset:0;pointer-events:none}
.day-comparison.is-ready{cursor:ew-resize}
.comparison-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--day-reveal);width:1px;background:rgba(244,232,212,.85);box-shadow:0 0 10px #0006;transform:translateX(-50%)}
.comparison-divider>span{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;gap:7px;width:48px;height:48px;border:1px solid #d0b493;border-radius:50%;background:rgba(31,30,25,.8);backdrop-filter:blur(8px);color:#f1e9dd;font-size:25px;line-height:1;transform:translate(-50%,-50%);box-shadow:0 3px 18px #0005}
.comparison-divider i{height:15px;width:1px;background:#cdb89d}
.comparison-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:20px;padding:36px 22px 20px;background:linear-gradient(transparent,#0009);color:#f0e8dd;font-size:14px;font-weight:500;letter-spacing:.04em}
.comparison-labels span{padding:5px 10px;border:1px solid #d3bd983d;border-radius:3px;background:#15171280}
.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.day-comparison:has(.comparison-range:focus-visible){outline:2px solid #d6b58f;outline-offset:-3px}
.day-comparison:has(.comparison-range:focus-visible) .comparison-divider>span{outline:3px solid #f5e5ce;outline-offset:4px}
.comparison-start{position:absolute;bottom:20px;left:50%;z-index:4;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 18px;border:1px solid #c4aa8280;border-radius:30px;background:rgba(31,30,25,.85);backdrop-filter:blur(8px);color:#eee6dc;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
.comparison-start:hover,.comparison-start:focus-visible{border-color:#ead7b9;background:#39352c}
.comparison-start:disabled{cursor:progress}
.comparison-start[hidden],.comparison-day[hidden],.comparison-controls[hidden]{display:none}
@media(max-width:500px){.comparison-labels{padding:28px 12px 12px;font-size:12px}.comparison-labels span{padding:4px 8px}.comparison-divider>span{width:44px;height:44px}.comparison-start{bottom:12px;font-size:13px}}

/* Match the existing winter crop exactly, including its mobile magnification. */
.auto-climate-image.day-comparison .comparison-day>img{object-position:100% 50%;transform:scale(1.25);transform-origin:100% 50%}
.auto-climate-image.day-comparison .comparison-labels{top:0;bottom:auto;padding:20px 22px 36px;background:linear-gradient(#0008,transparent)}
.auto-climate-image.day-comparison .comparison-start{top:20px;bottom:auto}
.auto-climate-image.day-comparison>.image-label{z-index:3;pointer-events:none}
@media(max-width:760px){.auto-climate-image.day-comparison .comparison-day>img{transform:scale(1.66)}}
@media(max-width:500px){.auto-climate-image.day-comparison .comparison-day>img{transform:scale(1.37)}.auto-climate-image.day-comparison .comparison-labels{padding:12px 12px 28px}.auto-climate-image.day-comparison .comparison-start{top:12px}}