.demo-controls{margin:24px 0;border:0;border-top:1px solid #d8d8d0;padding:22px 0 0;min-width:0}.demo-controls legend{font-size:16px;padding:0 8px 0 0}.demo-controls label,.compare-control{display:grid;gap:12px;margin:18px 0;font-size:15px}.demo-controls label>span,.compare-control>span{display:flex;justify-content:space-between;gap:16px}.demo-controls input,.compare-control input{width:100%;accent-color:#9a711b;min-height:30px;cursor:ew-resize}.demo-controls[hidden]{display:none}.demo-note{font-size:14px;line-height:1.6;color:#62645f}.demo-actions,.demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.demo-actions button,.demo-tabs button{border:1px solid #c8c8be;background:#fff;color:#222;border-radius:24px;padding:12px 20px;font:inherit;font-size:15px}.demo-tabs button[aria-pressed=true]{background:#e6af23;border-color:#e6af23}.demo-actions button:hover,.demo-tabs button:hover{border-color:#977024}.scene-visual>img{transition:filter .35s ease}.scene-visual>.room-window-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}.experience-demo{background:#f7f7f4}.experience-demo h2{max-width:780px}.experience-stage{position:relative;aspect-ratio:1672/941;background:#252824;overflow:hidden;border-radius:6px}.experience-stage img{display:block;width:100%;height:100%;object-fit:cover}.experience-stage .stage-layer{position:absolute;inset:0;opacity:0;transition:opacity .65s ease}.experience-stage .stage-layer.is-visible{opacity:1}.demo-caption{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:16px}.demo-caption p{margin:0;max-width:800px}.compare-night{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none}.compare-divider:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:white;color:#272925;font-size:26px;box-shadow:0 2px 15px #0004}.compare-tag{position:absolute;top:20px;background:#172019cf;color:white;padding:9px 16px;border-radius:20px;font-size:14px}.compare-tag.day{left:20px}.compare-tag.night{right:20px}.compare-control{max-width:680px;margin:24px auto 0}.experience-demo :is(button,input):focus-visible{outline:3px solid #856012;outline-offset:4px}.scene-controls .demo-controls :is(button,input):focus-visible{outline:3px solid #856012;outline-offset:4px}@media(max-width:650px){.demo-caption{display:block}.demo-tabs{gap:8px}.demo-tabs button{padding:11px 17px}.compare-tag{top:10px;padding:6px 10px;font-size:12px}.compare-tag.day{left:10px}.compare-tag.night{right:10px}.compare-divider:after{width:34px;height:34px;font-size:21px}.scene-badge strong{font-size:24px}.scene-badge{left:20px;bottom:38px}}@media(prefers-reduced-motion:reduce){.experience-stage .stage-layer,.scene-visual>img{transition:none!important}}
.scene-visual>.room-window-layer[hidden]{display:none}
.scene-visual{view-transition-name:room-preview}::view-transition-old(room-preview),::view-transition-new(room-preview){animation-duration:.55s}::view-transition-old(root),::view-transition-new(root){animation:none}