/* The two renovation views share one atlas; keep the native 3:2 panel ratio. */
.interior-atlas{position:absolute;inset:0;overflow:hidden;background:#fff}
.interior-atlas img{position:absolute;display:block;left:0;top:0;width:100%;height:200%;max-width:none;object-fit:fill;pointer-events:none;user-select:none}
.interior-atlas--after{transform:translateY(4.8%)}
.interior-atlas--after img{top:-100%}
.renovation{padding-block:90px 80px;border-bottom:1px solid var(--line)}
.renovation-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);align-items:end;gap:5vw;margin-bottom:48px}
.renovation-heading h2{font-size:clamp(32px,3.5vw,58px);line-height:1.4}
.renovation-intro{max-width:380px;margin-left:auto}
.renovation-intro p{margin:0 0 25px;font-size:16px;line-height:1.9;color:var(--muted)}
.renovation-intro .text-link{font-size:14px;line-height:1.7;gap:24px}
.renovation-comparison{--before-share:50%;width:100%;max-width:1160px;margin:0 auto;min-width:0}
.renovation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.renovation-toolbar>p{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--muted)}
.renovation-presets{display:flex;gap:28px}
.renovation-presets button{position:relative;padding:13px 2px 16px;border:0;background:none;color:var(--muted);font-size:14px;line-height:1.5;cursor:pointer;min-height:48px}
.renovation-presets button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .25s}
.renovation-presets button[aria-pressed=true],.renovation-presets button:hover{color:var(--accent)}
.renovation-presets button[aria-pressed=true]::after{transform:scaleX(1)}
.renovation-presets button:disabled{cursor:default}
.renovation-canvas{position:relative;aspect-ratio:1.5;overflow:hidden;background:#fff;isolation:isolate}
.renovation-view{position:absolute;inset:0;overflow:hidden;background:#fff}
.renovation-view--before{clip-path:inset(0 calc(100% - var(--before-share)) 0 0)}
.renovation-badge{position:absolute;z-index:2;bottom:0;padding:10px 14px;background:#fff;color:var(--muted);font-size:14px;line-height:1.5;pointer-events:none}
.renovation-badge--before{left:0}
.renovation-badge--after{right:0;color:var(--accent)}
.renovation-divider{position:absolute;z-index:2;inset:3% auto 3% var(--before-share);width:1px;background:var(--accent);pointer-events:none;transform:translateX(-.5px)}
.renovation-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--accent);border-radius:50%;background:#fff;color:var(--accent);font:25px/1 Arial,sans-serif;box-shadow:0 3px 18px #252b2d0d}
.renovation-comparison.is-switching .renovation-view--before{transition:clip-path .55s cubic-bezier(.22,.65,.25,1)}
.renovation-comparison.is-switching .renovation-divider{transition:left .55s cubic-bezier(.22,.65,.25,1),opacity .2s}
.renovation-comparison[data-view=before] .renovation-badge--after,.renovation-comparison[data-view=after] .renovation-badge--before{visibility:hidden}
.renovation-comparison:not([data-view=compare]) .renovation-divider{opacity:0}
.renovation-canvas input{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.renovation-canvas:focus-within{outline:2px solid var(--accent);outline-offset:5px}
.renovation-canvas input:disabled{cursor:default}
.renovation-comparison figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:22px;padding-top:16px;color:var(--muted);font-size:12px;line-height:1.8}
.renovation-comparison figcaption>span:first-child{font-size:14px;color:var(--ink)}
.renovation-comparison figcaption>span:last-child{max-width:42ch;text-align:right}
.renovation-scope{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;margin:60px 0 0;padding:0}
.renovation-scope li{display:flex;gap:18px;border-top:1px solid var(--line);padding:25px 0 0}
.renovation-scope li>span{font:12px/1.8 Arial,sans-serif;color:var(--accent);padding-top:4px}
.renovation-scope h3{font-size:clamp(19px,1.5vw,24px);font-weight:400;line-height:1.5}
.renovation-scope p{font-size:16px;line-height:1.85;color:var(--muted);margin:12px 0 0}
@media(max-width:1100px){.renovation-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px}.renovation-heading h2{font-size:clamp(30px,3.9vw,42px)}.renovation-scope{gap:24px}.renovation-scope li{gap:12px}.renovation-scope h3{font-size:19px}}
@media(max-width:760px){.renovation{padding-block:60px}.renovation-heading{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:30px}.renovation-heading h2{font-size:clamp(30px,6vw,42px)}.renovation-intro{max-width:520px;margin:0}.renovation-intro p{margin-bottom:20px}.renovation-toolbar{flex-wrap:wrap;gap:0;margin-bottom:18px}.renovation-toolbar>p{width:100%;margin-bottom:6px}.renovation-presets{width:100%;justify-content:space-between;gap:20px}.renovation-presets button{flex:1;padding-block:12px;text-align:center}.renovation-comparison figcaption{display:block;margin-top:12px;padding-top:8px}.renovation-comparison figcaption>span{display:block}.renovation-comparison figcaption>span:last-child{max-width:none;text-align:left;margin-top:7px}.renovation-scope{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:36px}.renovation-scope li{gap:18px;padding-top:22px}.renovation-scope h3{font-size:21px}.renovation-scope p{margin-top:8px}.renovation-divider>span{width:44px;height:44px;font-size:22px}.renovation-badge{font-size:12px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.renovation-comparison.is-switching .renovation-view--before,.renovation-comparison.is-switching .renovation-divider{transition:none}}