.room-compare-heading{margin:0 0 24px}.room-compare-heading h3{font-size:clamp(26px,3vw,37px);margin-bottom:10px}.room-compare-heading p{margin:0;font-size:15px}.room-compare{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:8px;background:#3b3026;isolation:isolate;touch-action:pan-y}.room-compare img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0;pointer-events:none;user-select:none}.room-after{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.room-label{position:absolute;top:20px;padding:8px 14px;border-radius:30px;background:#211a14b8;color:#fff8ee;font-size:12px;font-weight:500;pointer-events:none;z-index:2;backdrop-filter:blur(8px)}.room-label-after{left:20px}.room-label-before{right:20px}.room-divider{position:absolute;inset:0 auto 0 var(--reveal);width:2px;background:#fff8e8;transform:translateX(-50%);pointer-events:none;z-index:3;box-shadow:0 0 8px #0003}.room-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:9px;width:58px;height:58px;border-radius:50%;border:2px solid #fff8e8;background:#f7f1e9ee;color:#44362b;font-size:28px;box-shadow:0 3px 15px #0003}.room-divider i{display:block;width:1px;height:20px;background:#a28a71}.room-compare input.room-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y;appearance:none;-webkit-appearance:none;background:transparent}.room-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1px;height:58px;background:transparent}.room-range::-moz-range-thumb{width:1px;height:58px;border:0;background:transparent}.room-compare:focus-within{outline:3px solid #93724e;outline-offset:5px}.room-compare-footer{display:flex;justify-content:space-between;gap:20px;margin-top:14px;color:var(--muted);font-size:11px}.room-compare-footer p{margin:0;font-size:12px}.room-compare[data-value="0"] .room-label-after,.room-compare[data-value="100"] .room-label-before{visibility:hidden}.room-compare[data-value="0"] .room-divider>span{transform:translate(0,-50%)}.room-compare[data-value="100"] .room-divider>span{transform:translate(-100%,-50%)}
@media(max-width:650px){.room-compare-heading{margin-bottom:18px}.room-compare-heading h3{font-size:26px}.room-compare-heading p{font-size:14px}.room-compare{aspect-ratio:4/3}.room-label{top:12px;font-size:10px;padding:7px 10px}.room-label-after{left:12px}.room-label-before{right:12px}.room-divider>span{width:48px;height:48px;font-size:25px;gap:7px}.room-compare-footer{display:block}.room-compare-footer p{font-size:11px;margin-bottom:5px}.room-compare-footer span{font-size:10px}}

.room-comparison-section{padding-top:65px;padding-bottom:65px}.room-comparison-section+.evening-story{padding-top:35px}@media(max-width:650px){.room-comparison-section{padding-top:40px;padding-bottom:40px}.room-comparison-section+.evening-story{padding-top:20px}}