/* Homepage only: preserve the entire matched architectural composition. */
.hero:has(.mansion-visual) .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:40px}
.mansion-visual{min-width:0}
.mansion-compare{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:9px 9px 65px 9px;background:#252921;isolation:isolate}
.mansion-compare .mansion-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.mansion-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.mansion-label{position:absolute;top:16px;padding:7px 10px;border-radius:4px;background:#101110dd;color:#fff;font:500 10px/1.4 sans-serif;letter-spacing:.09em;pointer-events:none}
.mansion-label-before{left:14px}.mansion-label-after{right:14px}
.mansion-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 9px #0005;pointer-events:none}
.mansion-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#161a15;color:#d8bc79;font:25px/1 sans-serif;box-shadow:0 2px 12px #0004}
.mansion-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.mansion-compare:focus-within{outline:3px solid #cfb477;outline-offset:5px}
.mansion-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:14px;color:var(--muted);font-size:11px}
.mansion-caption span:last-child{color:var(--gold);font-size:10px;letter-spacing:.06em}
@media(max-width:1000px){.hero:has(.mansion-visual) .hero-grid{grid-template-columns:1fr;gap:30px}.mansion-visual{width:100%}.hero:has(.mansion-visual) .hero-copy{max-width:670px}}
@media(max-width:600px){.mansion-compare{border-radius:7px 7px 35px 7px}.mansion-label{top:10px;font-size:9px;padding:6px 8px}.mansion-label-before{left:10px}.mansion-label-after{right:10px}}