.interior-compare{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:600px;background:#302b24;touch-action:pan-y}
.residence-image.interior-compare>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
.interior-compare .compare-day{clip-path:inset(0 calc(100% - var(--day)) 0 0);z-index:1}
.compare-divider{position:absolute;inset:0 auto 0 var(--day);width:1px;background:#fff9;z-index:2;pointer-events:none}
.compare-divider>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:9px;background:#26251f70;backdrop-filter:blur(10px);color:white;font:24px/1 Inter,Arial,sans-serif;box-shadow:0 2px 15px #0002}
.compare-divider i{height:18px;width:1px;background:#ffffff80}
.interior-compare .compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;z-index:3;cursor:ew-resize;touch-action:pan-y}
.interior-compare:has(.compare-range:focus-visible){outline:3px solid #e0bd76;outline-offset:-4px}
.compare-labels{position:absolute;inset:24px 24px auto;display:flex;justify-content:space-between;z-index:4;pointer-events:none}
.compare-labels button{pointer-events:auto;min-height:44px;padding:10px 20px;border:1px solid #ffffff60;border-radius:999px;background:#25251e75;color:#fff;font:500 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.7px;backdrop-filter:blur(10px);transition:background-color 150ms;cursor:pointer}
.compare-labels button:hover{background:#25251eb5}
.compare-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:2;pointer-events:none;white-space:nowrap;max-width:calc(100% - 32px);padding:9px 14px;border-radius:99px;color:#fff;background:#25251e80;font:11px/1.5 Inter,Arial,sans-serif;letter-spacing:.2px}
@media(max-width:1024px){.interior-compare{min-height:0;aspect-ratio:4/3}.compare-labels{inset:16px 16px auto}.compare-hint{bottom:16px;font-size:10px}.compare-divider>span{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.compare-labels button{transition:none}}
@media(prefers-reduced-transparency:reduce){.compare-labels button,.compare-divider>span,.compare-hint{background:#302b24;backdrop-filter:none}}
