.curtain-labels{display:flex;justify-content:space-between;margin:0 2px 13px;font-size:9px;font-weight:700;letter-spacing:1.4px}.curtain-labels span{padding:7px 12px;background:#e3e5dc;border-radius:4px;color:#68705e}.curtain-labels span:last-child{background:var(--lime);color:var(--ink)}.makeover.curtain{position:relative;display:block;border-radius:9px;isolation:isolate;overflow:hidden;border:1px solid #b9c7a8;box-shadow:0 18px 45px #2c3b1a14}.curtain .demo-label,.curtain .demo-caption{display:none}.curtain .demo-window{border:0;border-radius:0;box-shadow:none}.makeover.curtain .demo-after{display:block;position:relative;width:100%;z-index:0}.makeover.curtain .demo-before{display:block;position:absolute;inset:0;z-index:2;clip-path:inset(0 calc(100% - var(--curtain)) 0 0);background:#ddd;overflow:hidden}.curtain .old-window{height:100%;background:#ddd}.makeover.curtain .legacy-site{width:80%;max-width:none;min-height:100%;margin:0 auto;padding:22px;background:#e6e6e6}.curtain .legacy-logo{font-size:50px;margin:30px 0}.curtain .legacy-logo small{font-size:12px}.curtain .legacy-top{font-size:10px}.curtain .legacy-menu{font-size:10px;padding:15px}.curtain .legacy-site h3{font-size:26px;margin:30px 0 15px}.curtain .legacy-site>p{font-size:12px}.curtain .legacy-layout{grid-template-columns:1.8fr 1fr;gap:25px;margin-top:28px}.curtain .legacy-list>div{padding:10px;margin-bottom:20px;min-height:135px;overflow:hidden}.makeover.curtain .legacy-list img{width:45%;height:120px;float:left;margin:0 15px 0 0}.curtain .legacy-list b{font-size:12px;padding-top:12px}.curtain .legacy-list p,.curtain .legacy-list u{font-size:10px}.curtain .legacy-layout aside{font-size:11px;height:330px;padding:15px}.curtain .legacy-layout aside>strong{font-size:12px}.curtain .legacy-layout aside>span{padding:9px}.curtain .legacy-footer{margin-top:30px;padding-top:18px;font-size:10px}.makeover.curtain .renewed-nav{height:70px;padding-inline:40px}.makeover.curtain .renewed-hero{height:330px}.makeover.curtain .renewed-hero-copy{top:50px;left:45px}.makeover.curtain .renewed-hero-copy h3{font-size:54px}.makeover.curtain .renewed-hero-copy>span{font-size:9px}.makeover.curtain .renewed-hero-copy p{font-size:14px}.makeover.curtain .property-search{margin-inline:40px;padding:19px;gap:25px}.makeover.curtain .property-search label{font-size:8px}.makeover.curtain .property-search select{font-size:13px}.makeover.curtain .property-search button{padding:18px 30px;font-size:13px}.makeover.curtain .renewed-collection{padding:28px 40px}.makeover.curtain .collection-heading h4{font-size:27px}.makeover.curtain .property-image{height:155px}.makeover.curtain .property-info{padding:16px}.makeover.curtain .property-info h5{font-size:15px}.makeover.curtain .property-info>p{font-size:10px}.makeover.curtain .property-info strong{font-size:15px}.makeover.curtain .property-info small,.makeover.curtain .property-image>span{font-size:8px}.curtain-divider{position:absolute;z-index:4;inset-block:0;left:clamp(2px,var(--curtain),calc(100% - 2px));width:3px;background:#fff;pointer-events:none;box-shadow:0 0 12px #0003}.curtain-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:3px solid white;border-radius:50%;background:var(--lime);color:var(--ink);font-size:27px;box-shadow:0 4px 18px #0003}.curtain-range{position:absolute;z-index:5;inset-inline:0;top:50%;transform:translateY(-50%);height:56px;width:100%;margin:0;padding:0;border:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.curtain:has(.curtain-range:focus-visible){outline:3px solid #7a8c19;outline-offset:5px}.curtain:has(.curtain-range:focus-visible) .curtain-divider>span{box-shadow:0 0 0 5px #7a8c19}.curtain[data-view=before] .curtain-divider>span{transform:translate(-100%,-50%)}.curtain[data-view=after] .curtain-divider>span{transform:translate(0,-50%)}
@media(max-width:760px){.makeover.curtain .renewed-nav{height:56px;padding:0 16px}.makeover.curtain .renewed-hero{height:274px}.makeover.curtain .renewed-hero-copy{top:37px;left:20px}.makeover.curtain .renewed-hero-copy h3{font-size:36px;letter-spacing:-1.8px}.makeover.curtain .renewed-hero-copy>span{font-size:6px;letter-spacing:1px}.makeover.curtain .renewed-hero-copy p{font-size:10px}.makeover.curtain .property-search{grid-template-columns:1fr 1fr;margin:-25px 12px 0;padding:13px;gap:13px 4px}.makeover.curtain .property-search label{font-size:6px;padding-left:3px}.makeover.curtain .property-search label+label{padding-left:12px}.makeover.curtain .property-search select{font-size:10px}.makeover.curtain .property-search button{grid-column:1/-1;justify-content:center;font-size:11px;padding:13px;gap:17px}.makeover.curtain .renewed-collection{padding:25px 13px 18px}.makeover.curtain .collection-heading h4{font-size:20px}.makeover.curtain .property-image{height:100%;min-height:128px}.makeover.curtain .property-info{padding:14px 12px}.makeover.curtain .property-info small{font-size:7px}.makeover.curtain .property-info h5{font-size:12px}.makeover.curtain .property-info>p{font-size:8px}.makeover.curtain .property-info strong{font-size:12px}.makeover.curtain .property-image>span{font-size:5px}.makeover.curtain .legacy-site{width:100%;max-height:none;min-height:100%;padding:12px}.makeover.curtain .legacy-site:after{display:none}.curtain .legacy-logo{font-size:37px;margin:35px 0}.curtain .legacy-logo small{font-size:9px}.curtain .legacy-top{font-size:8px}.curtain .legacy-menu{font-size:7px;padding:14px 2px}.curtain .legacy-site h3{font-size:21px;margin:35px 0 20px}.curtain .legacy-site>p{font-size:11px}.curtain .legacy-layout{grid-template-columns:1.1fr 1fr;gap:10px;margin-top:30px}.makeover.curtain .legacy-list img{float:none;width:100%;height:100px;margin:0 0 10px}.curtain .legacy-list b{font-size:10px;padding:0}.curtain .legacy-list p,.curtain .legacy-list u{font-size:9px}.curtain .legacy-layout aside{font-size:9px;padding:10px;height:320px}.curtain .legacy-layout aside>strong{font-size:10px}.curtain .legacy-footer{font-size:8px}.curtain-divider>span{width:44px;height:44px;font-size:23px}.curtain-range{height:48px}}
