:root{--forest:#1b322a;--clay:#bb704f;--sand:#f3eee6;--cream:#fbf9f5;--gold:#e8bc82;--ink:#1b2521;--muted:#6d746f;--line:#d9d9d1;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,select,input{font:inherit}
button{cursor:pointer}
.nav{position:fixed;z-index:20;top:18px;left:3%;right:3%;height:68px;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff38;border-radius:24px;background:#17251fcc;color:white;backdrop-filter:blur(18px);transition:.35s var(--ease)}
.nav.scrolled{top:8px;background:#14241fee;box-shadow:0 15px 40px #0003}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--gold);color:var(--forest);font-weight:700}
.brand b{font-size:13px;letter-spacing:.04em}
.brand i{font-style:normal;font-weight:400;color:var(--gold)}
nav{display:flex;gap:28px}
nav a{color:white;text-decoration:none;font-size:13px;opacity:.75}
nav a:hover{opacity:1}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-cta{border:0;border-radius:99px;background:var(--gold);color:var(--forest);padding:13px 18px;font-weight:600}
.lang{width:76px;height:38px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;border:1px solid #ffffff30;border-radius:99px;background:transparent;color:white}
.lang i{position:absolute;width:32px;height:32px;left:3px;border-radius:50%;background:white;transition:.25s}
.lang span{z-index:1;font-size:11px}
.lang span:first-of-type{color:var(--forest)}
.lang.en i{transform:translateX(38px)}
.lang.en span:first-of-type{color:white}
.lang.en span:last-child{color:var(--forest)}
.menu{display:none;background:none;border:0;color:white;font-size:20px}
.hero{height:940px;min-height:100vh;position:relative;color:white;overflow:hidden;border-radius:0 0 70px 70px}
.hero>img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:1s var(--ease)}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c1713d9 0%,#0c17136b 45%,#0c17131a 75%),linear-gradient(0deg,#0b1711a8,transparent 45%)}
.hero-copy{position:absolute;left:7%;top:25%;max-width:650px;animation:rise 1s var(--ease) both}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em}
.eyebrow.dark{color:#537166}
.hero h1,.section h2,.owners h2{font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.05em;margin:22px 0;font-weight:600}
.hero h1 em,.section h2 em,.owners h2 em{font-family:"Iowan Old Style",Baskerville,Georgia,serif;font-weight:400;letter-spacing:-.025em}
.hero-copy p{max-width:550px;font-size:17px;line-height:1.7;color:#dce4df}
.life-finder{position:absolute;left:7%;right:7%;bottom:82px;padding:22px 24px;border:1px solid #ffffff42;border-radius:28px;background:#faf8f3e8;color:var(--ink);backdrop-filter:blur(18px);box-shadow:0 25px 80px #0004;animation:rise 1s .25s var(--ease) both}
.finder-title{display:flex;justify-content:space-between;margin-bottom:16px}
.finder-title b{font-size:18px}
.finder-title span{font-size:11px;color:var(--muted)}
.moods{display:flex;gap:8px;margin-bottom:14px}
.mood{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:99px;background:white;padding:11px 15px;color:var(--ink);font-size:13px}
.mood i{font-style:normal}
.mood.active{border-color:var(--clay);background:#f7ebe5;color:#8b4b33}
.finder-fields{display:grid;grid-template-columns:1fr 1fr .7fr;gap:10px}
.finder-fields label{border:1px solid var(--line);border-radius:15px;padding:9px 14px;background:white}
.finder-fields label span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}
.finder-fields select{border:0;background:transparent;width:100%;font-weight:600;color:var(--ink)}
.finder-fields>button{border:0;border-radius:15px;background:var(--forest);color:white;font-weight:600}
.finder-fields>button i{font-style:normal;margin-left:8px}
.finder-foot{display:flex;justify-content:space-between;margin-top:13px;font-size:11px;color:var(--muted)}
.finder-foot>span:first-child i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39a875;margin-right:7px}
.discover{position:absolute;right:7%;top:25%;display:flex;flex-direction:column;gap:8px;align-items:center;color:white;text-decoration:none;font-size:10px;writing-mode:vertical-rl}
.discover i{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;font-style:normal;writing-mode:horizontal-tb}
@keyframes rise{from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:none}
}
.promise{height:86px;padding:0 7%;display:flex;justify-content:space-between;align-items:center;color:#6b756f;font-size:10px;letter-spacing:.15em}
.section{padding:110px 7%}
.section-head{display:flex;justify-content:space-between;align-items:end}
.section-head>p{max-width:440px;color:var(--muted);line-height:1.75}
.section h2{font-size:clamp(42px,5vw,70px)}
.filters{display:flex;gap:8px;align-items:center;margin:45px 0 22px}
.filters button{border:1px solid var(--line);border-radius:99px;background:white;padding:11px 16px}
.filters button.active{background:var(--forest);color:white;border-color:var(--forest)}
.filters .advanced{margin-left:10px}
.filters>span{margin-left:auto;font-size:12px;color:var(--muted)}
.homes-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;min-height:580px}
.home-card{position:relative;min-height:580px;border-radius:32px;overflow:hidden;color:white;background:#263c33;transition:.45s var(--ease)}
.home-card:nth-child(n+2){min-height:490px;margin-top:90px}
.home-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px #15281e28}
.home-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.home-card:nth-child(2) img{object-position:70% center;filter:saturate(.75)}
.home-card:nth-child(3) img{object-position:25% center;filter:hue-rotate(-12deg) saturate(.7)}
.home-card:hover img{transform:scale(1.04)}
.home-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10251ee8 0%,transparent 62%)}
.home-top{position:absolute;z-index:2;left:18px;right:18px;top:18px;display:flex;justify-content:space-between}
.home-top span{padding:7px 10px;border-radius:99px;background:#f8f4eedd;color:var(--forest);font-size:10px;font-weight:700}
.heart{width:36px;height:36px;border:1px solid #ffffff55;border-radius:50%;background:#17241d55;color:white;font-size:18px}
.heart.saved{background:var(--clay);border-color:var(--clay)}
.home-info{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}
.home-info small{font-size:11px;color:#cfdbd4}
.home-info h3{font-size:24px;margin:8px 0}
.home-info>div{display:flex;justify-content:space-between;align-items:end}
.home-info p{margin:0;font-size:11px;color:#c8d3ce}
.home-info p b{display:block;color:white;font-size:15px;margin-bottom:4px}
.home-actions{display:flex;gap:7px;margin-top:16px}
.home-actions button{flex:1;padding:11px;border:1px solid #ffffff3f;border-radius:12px;background:#ffffff0d;color:white;font-size:11px;font-weight:600}
.home-actions .view{background:var(--gold);color:var(--forest);border-color:var(--gold)}
.neighborhood{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;background:var(--sand)}
.map{min-height:650px;position:relative;border-radius:42px;overflow:hidden;background:#d5ded4}
.map-lines{position:absolute;inset:-20%;opacity:.42;background-image:linear-gradient(28deg,transparent 48%,#87998d 49%,#87998d 50%,transparent 51%),linear-gradient(118deg,transparent 48%,#87998d 49%,#87998d 50%,transparent 51%);background-size:105px 85px}
.water{position:absolute;width:180%;height:130px;top:48%;left:-38%;transform:rotate(-15deg);background:#9ebfc2;border:20px solid #c4d6ce}
.place{position:absolute;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px}
.place i{width:28px;height:28px;border-radius:50%;background:var(--forest);border:7px solid white;box-shadow:0 5px 16px #0004}
.place span{padding:5px 8px;border-radius:8px;background:white;font-size:10px}
.place.active i{background:var(--clay);scale:1.28;box-shadow:0 0 0 8px #bb704f33}
.p1{left:28%;top:30%}
.p2{right:24%;top:20%}
.p3{left:32%;bottom:20%}
.map-card{position:absolute;right:22px;bottom:22px;width:250px;padding:20px;border-radius:22px;background:#183027e8;color:white;backdrop-filter:blur(16px);box-shadow:0 20px 50px #0004}
.map-card small{color:var(--gold);font-size:9px;letter-spacing:.12em}
.map-card strong{display:block;font-size:42px;margin:6px 0}
.map-card>span{font-size:11px;color:#b9c7c0}
.map-card>div{display:flex;gap:8px;margin-top:14px;font-size:10px}
.map-card>div b{color:var(--gold)}
.neighbor-copy{align-self:center}
.neighbor-copy p,.cost-copy p{color:var(--muted);line-height:1.75}
.pulse-list{margin-top:30px}
.pulse-list button{width:100%;display:grid;grid-template-columns:38px 1fr 44px;gap:12px;align-items:center;padding:15px 0;border:0;border-bottom:1px solid #c9cec7;background:transparent;text-align:left}
.pulse-list i{font-style:normal;font-size:11px;color:#8a958f}
.pulse-list b,.pulse-list small{display:block}
.pulse-list b{font-size:13px}
.pulse-list small{color:var(--muted);margin-top:3px}
.pulse-list strong{font-size:20px}
.pulse-list button.active strong{color:var(--clay)}
.living360{padding-top:125px;padding-bottom:125px;background:#11231c;color:white;overflow:hidden}.experience-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.experience-head .eyebrow{color:var(--gold)}.experience-head h2{margin-bottom:0}.experience-head>p{max-width:440px;margin:0 0 8px;color:#aebdb5;line-height:1.75}.experience-shell{min-height:700px;display:grid;grid-template-columns:230px minmax(0,1fr) 270px;gap:0;border:1px solid #ffffff1b;border-radius:38px;overflow:hidden;background:#182d25;box-shadow:0 45px 110px #06100b88}.exp-tabs{padding:22px;border-right:1px solid #ffffff12;background:#13271f}.exp-tabs button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:18px 12px;border:0;border-radius:17px;background:transparent;color:#93a69c;text-align:left;transition:.3s var(--ease)}.exp-tabs button+button{margin-top:7px}.exp-tabs button:hover,.exp-tabs button.active{background:#ffffff0b;color:white}.exp-tabs button.active{box-shadow:inset 3px 0 var(--gold)}.exp-tabs i{font-style:normal;font-size:10px;color:var(--gold);padding-top:3px}.exp-tabs span,.exp-tabs small{display:block}.exp-tabs span{font-size:12px;font-weight:600}.exp-tabs small{margin-top:5px;color:#82968c;font-size:9px;font-weight:400}.exp-stage{position:relative;min-height:700px;overflow:hidden;background:#cbd8d0}.exp-visual{position:absolute;inset:0}.exp-visual>img{width:100%;height:100%;object-fit:cover}.exp-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07130ea8,transparent 48%)}.map-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:42px 42px;mix-blend-mode:overlay}.geo-pin{position:absolute;z-index:2;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--forest);font-weight:700;box-shadow:0 0 0 10px #e8bc8230,0 15px 35px #0005;animation:pinFloat 2.7s ease-in-out infinite}.geo-pin span{position:absolute;left:50%;top:52px;transform:translateX(-50%);white-space:nowrap;padding:8px 11px;border-radius:10px;background:#13271fe8;color:white;font-size:10px}.gp1{left:30%;top:37%}.gp2{right:22%;top:26%;animation-delay:-1s}.gp3{left:52%;bottom:20%;animation-delay:-2s}@keyframes pinFloat{50%{transform:translateY(-7px)}}.stage-caption{position:absolute;z-index:3;left:28px;bottom:28px}.stage-caption small{font-size:9px;letter-spacing:.14em;color:var(--gold)}.stage-caption h3{margin:8px 0 0;font-size:28px}.building-board{position:absolute;inset:0;background:linear-gradient(100deg,#12282033,#122820b8),url('reva-living-masterplan.webp') center/cover}.tower-pin{position:absolute;z-index:3;width:62px;height:62px;border:1px solid #ffffff72;border-radius:19px;background:#173029d9;color:white;backdrop-filter:blur(10px);box-shadow:0 17px 40px #0004;transition:.3s var(--ease)}.tower-pin:hover,.tower-pin.active{transform:translateY(-7px);background:var(--gold);color:var(--forest)}.tower-pin b,.tower-pin small{display:block}.tower-pin b{font-size:15px}.tower-pin small{font-size:8px}.t1{left:24%;top:32%}.t2{left:48%;top:19%}.t3{right:19%;top:42%}.floor-stack{position:absolute;z-index:2;left:25px;bottom:25px;display:flex;gap:7px}.floor-stack button{padding:9px 12px;border:1px solid #ffffff32;border-radius:99px;background:#13271fc9;color:white;font-size:10px}.floor-stack button.active{background:var(--gold);color:var(--forest)}.virtual-preview{position:absolute;inset:0;background:url('reva-living-360.png') center/cover;transition:.7s var(--ease)}.virtual-preview:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 20%,#07140f9e 100%)}.virtual-preview:hover{transform:scale(1.03)}.enter360{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border:1px solid #fff7;border-radius:50%;background:#10271db8;color:white;backdrop-filter:blur(10px);box-shadow:0 0 0 18px #ffffff0c;transition:.3s var(--ease)}.enter360:hover{transform:translate(-50%,-50%) scale(1.06);background:var(--gold);color:var(--forest)}.enter360 b,.enter360 small{display:block}.enter360 b{font-size:24px}.enter360 small{margin-top:6px;font-size:9px;letter-spacing:.1em}.exp-summary{padding:25px;background:#f3efe7;color:var(--ink)}.exp-summary small{font-size:9px;letter-spacing:.13em;color:#718078}.exp-summary h3{margin:10px 0 6px;font-size:24px;letter-spacing:-.04em}.exp-summary>p{font-size:11px;color:var(--muted);line-height:1.6}.summary-stats{margin:25px 0}.summary-stats div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #d5d8d1;font-size:11px}.summary-stats b{font-size:12px}.unit-list{display:grid;gap:7px}.unit-list button{display:flex;align-items:center;justify-content:space-between;padding:11px;border:1px solid #d7dad3;border-radius:12px;background:white;text-align:left}.unit-list button.active{border-color:var(--clay);background:#f9eae2}.unit-list b,.unit-list small{display:block}.unit-list b{font-size:11px}.unit-list small{margin-top:3px;color:var(--muted);font-size:9px}.unit-list i{width:8px;height:8px;border-radius:50%;background:#48a573}.exp-primary{width:100%;margin-top:16px;padding:14px;border:0;border-radius:99px;background:var(--forest);color:white;font-weight:600;font-size:11px}.immersive-modal{width:min(1500px,96vw);height:min(900px,92vh);max-width:none;padding:0;border-radius:30px;background:#0d1c16;overflow:hidden}.immersive-modal .close{z-index:20;background:#ffffffd9}.panorama{position:relative;width:100%;height:100%;min-height:650px;background:url('reva-living-360.png') 50% center/auto 100% repeat-x;cursor:grab;user-select:none;touch-action:none;transition:background-position .8s var(--ease)}.panorama.dragging{cursor:grabbing;transition:none}.panorama:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#07120e8c,transparent 25%,transparent 70%,#07120ebd)}.pano-ui{position:absolute;z-index:3;left:32px;right:85px;top:28px;display:flex;justify-content:space-between;color:white}.pano-ui span,.pano-ui b{display:block}.pano-ui span{font-size:9px;letter-spacing:.14em;color:var(--gold)}.pano-ui b{margin-top:7px;font-size:24px}.pano-ui .drag-hint{padding:10px 14px;border:1px solid #ffffff35;border-radius:99px;background:#10231bbb;color:white;letter-spacing:.08em}.hotspot{position:absolute;z-index:4;border:0;background:transparent;color:white}.hotspot i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--forest);font-style:normal;font-size:20px;box-shadow:0 0 0 9px #e8bc822b}.hotspot span{display:block;margin-top:11px;padding:6px 9px;border-radius:8px;background:#10231bd9;font-size:9px}.h-view{left:23%;top:42%}.h-kitchen{right:28%;top:52%}.pano-tip{position:absolute;z-index:6;display:none;padding:13px 16px;border-radius:12px;background:white;color:var(--ink);font-size:11px;box-shadow:0 15px 40px #0005}.room-dock{position:absolute;z-index:5;left:50%;bottom:25px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border:1px solid #ffffff2b;border-radius:99px;background:#10231bd9;backdrop-filter:blur(15px)}.room-dock button{padding:11px 15px;border:0;border-radius:99px;background:transparent;color:#aebdb5;font-size:10px}.room-dock button.active{background:var(--gold);color:var(--forest);font-weight:700}
.cost{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.cost-card{padding:38px;border-radius:34px;background:var(--forest);color:white;box-shadow:0 30px 80px #18302733}
.cost-total{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff20;padding-bottom:23px}
.cost-total span{font-size:12px;color:#b9c7c0}
.cost-total b{font-size:35px}
.cost-card label{display:grid;grid-template-columns:1fr 2fr auto;gap:14px;align-items:center;padding:28px 0}
.cost-card label span,.cost-row span{font-size:12px}
.cost-card input{accent-color:var(--gold)}
.cost-card label b{font-size:13px}
.cost-row{display:flex;justify-content:space-between;padding:11px 0;color:#c5d0ca}
.bar{height:5px;border-radius:9px;background:#ffffff15;margin:22px 0;overflow:hidden}
.bar i{display:block;width:58%;height:100%;background:linear-gradient(90deg,var(--gold),#d9825c);transition:.3s}
.cost-card small{font-size:10px;color:#93a49d}
.green{display:grid;grid-template-columns:1fr 1fr;min-height:690px;padding:0;background:#20362d;color:white}
.green-visual{position:relative;overflow:hidden;border-radius:0 60px 60px 0}
.green-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.65)}
.green-score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border:1px solid #ffffff42;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#18302766;backdrop-filter:blur(10px)}
.green-score small{font-size:9px;letter-spacing:.13em;color:var(--gold)}
.green-score b{font-size:75px}
.green-score span{font-size:11px}
.green-copy{padding:90px 9%;align-self:center}
.green-copy h2{font-size:58px}
.green-copy p{color:#c2cec8;line-height:1.75}
.green-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}
.green-metrics>div{display:flex;gap:12px;align-items:center}
.green-metrics i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;font-style:normal;color:var(--gold)}
.green-metrics b,.green-metrics small{display:block}
.green-metrics b{font-size:12px}
.green-metrics small{font-size:10px;color:#9eafa7;margin-top:4px}
.owners{text-align:center;background:#e6d1c2}
.owners p{max-width:650px;margin:0 auto 28px;line-height:1.75;color:#5d625f}
.owners button{border:0;border-radius:99px;padding:15px 23px;background:var(--forest);color:white;font-weight:600}
.owners button i{font-style:normal;margin-left:8px}
footer{padding:55px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#14231d;color:white}
footer p{font-size:11px;color:#95a49d}
footer>div{display:flex;justify-content:flex-end;gap:15px}
footer>div a{font-size:11px;color:white;text-decoration:none}
.compare-tray{position:fixed;z-index:25;left:50%;bottom:20px;transform:translate(-50%,140%);width:min(670px,90%);display:flex;gap:13px;align-items:center;padding:12px 14px 12px 18px;border-radius:18px;background:#14231d;color:white;box-shadow:0 20px 60px #0007;transition:.35s var(--ease)}
.compare-tray.show{transform:translate(-50%,0)}
.compare-tray>span{font-size:11px}
.compare-tray>div{display:flex;gap:5px;flex:1}
.compare-tray img{width:38px;height:38px;border-radius:10px;object-fit:cover}
.compare-tray>button{border:0;border-radius:11px;padding:11px 16px;background:var(--gold);color:var(--forest);font-weight:700}
dialog{width:min(880px,92vw);border:0;border-radius:30px;padding:35px;color:var(--ink);box-shadow:0 30px 90px #0007}
dialog::backdrop{background:#102019d9;backdrop-filter:blur(8px)}
.close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;font-size:21px}
.detail{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.detail-img{height:430px;border-radius:22px;overflow:hidden}
.detail-img img{width:100%;height:100%;object-fit:cover}
.detail h2,.tour h2{font-size:38px;letter-spacing:-.04em}
.detail p{color:var(--muted);line-height:1.7}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.facts span{padding:11px;border-radius:10px;background:#f1f3ef;font-size:11px}
.detail .open-tour{margin-top:20px;border:0;border-radius:99px;padding:13px 18px;background:var(--forest);color:white}
.tour{max-width:620px;margin:auto}
.steps{display:flex;gap:5px;margin:25px 0}
.steps i{height:3px;flex:1;background:#ddd}
.steps i.on{background:var(--clay)}
.tour-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tour-options button,.tour-fields input{padding:15px;border:1px solid var(--line);border-radius:13px;background:white;text-align:left}
.tour-options button.on{border-color:var(--clay);background:#faeee7}
.tour-next{width:100%;margin-top:18px;padding:14px;border:0;border-radius:99px;background:var(--forest);color:white}
.tour-fields{display:grid;gap:9px}
.compare-table{width:100%;border-collapse:collapse}
.compare-table td,.compare-table th{padding:14px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}

@media(max-width:900px){nav{display:none}
.nav-cta{display:none}
.menu{display:block}
.hero{height:980px;border-radius:0 0 40px 40px}
.hero-copy{top:18%;left:6%;right:6%}
.discover{display:none}
.life-finder{left:5%;right:5%;bottom:45px}
.finder-fields{grid-template-columns:1fr 1fr}
.finder-fields>button{min-height:50px;grid-column:1/-1}
.section{padding:80px 5%}
.section-head{display:block}
.homes-grid{grid-template-columns:1fr 1fr}
.home-card:first-child{grid-column:1/-1;min-height:520px}
.home-card:nth-child(n+2){margin-top:0}
.neighborhood{grid-template-columns:1fr}
.map{min-height:520px}
.experience-head{display:block}.experience-head>p{margin-top:20px}.experience-shell{grid-template-columns:1fr;min-height:auto}.exp-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid #ffffff12}.exp-tabs button{grid-template-columns:1fr;text-align:center}.exp-tabs i{display:none}.exp-stage{min-height:560px}.exp-summary{min-height:260px}.panorama{min-height:600px}.room-dock{max-width:90%;overflow:auto;justify-content:flex-start}
.cost{grid-template-columns:1fr;gap:30px}
.green{grid-template-columns:1fr}
.green-visual{min-height:520px;border-radius:0 0 45px 45px}
.green-copy{padding:70px 7%}
footer{grid-template-columns:1fr;gap:20px}
footer>div{justify-content:flex-start}
.detail{grid-template-columns:1fr}
}
@media(max-width:560px){.nav{left:12px;right:12px}
.hero h1{font-size:48px}
.hero-copy p{font-size:15px}
.moods{display:grid;grid-template-columns:1fr}
.mood{justify-content:center}
.finder-fields{grid-template-columns:1fr}
.finder-fields>button{grid-column:auto}
.finder-foot>span:last-child{display:none}
.promise{overflow:auto;gap:28px}
.promise span{white-space:nowrap}
.section h2{font-size:40px}
.filters{overflow:auto}
.filters button{white-space:nowrap}
.filters>span{display:none}
.homes-grid{grid-template-columns:1fr}
.home-card:first-child{grid-column:auto}
.home-card{min-height:500px!important}
.map-card{width:210px}
.living360{padding-left:3%;padding-right:3%}.experience-shell{border-radius:25px}.exp-tabs{padding:9px}.exp-tabs button{padding:12px 5px}.exp-tabs small{display:none}.exp-stage{min-height:470px}.exp-summary{padding:20px}.geo-pin{width:35px;height:35px}.tower-pin{width:53px;height:53px}.pano-ui{left:18px;top:18px}.pano-ui .drag-hint{display:none}.hotspot span{display:none}.room-dock{bottom:15px}.room-dock button{padding:10px 12px;white-space:nowrap}
.green-copy h2{font-size:40px}
.green-metrics{grid-template-columns:1fr}
.cost-card{padding:25px}
.cost-total b{font-size:27px}
.tour-options{grid-template-columns:1fr}
}

/* Smart living hero and navigation */
.nav{height:72px;padding:0 10px 0 12px;border-radius:26px;background:linear-gradient(120deg,#14251ee6,#1b2d26c9);box-shadow:0 16px 50px #07150f32}
.brand{padding-right:18px}.brand>span{width:43px;height:43px;box-shadow:inset 0 0 0 1px #fff6,0 8px 24px #0002}.brand b{font-size:12px;letter-spacing:.08em}
.nav nav{height:48px;padding:4px;align-items:center;gap:3px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff0a}.nav nav a{position:relative;padding:12px 16px;border-radius:14px;font-size:12px;transition:.25s var(--ease)}.nav nav a:hover,.nav nav a.active{background:#ffffff10;opacity:1}.nav nav a.active:after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--gold);transform:translateX(-50%);box-shadow:0 0 10px var(--gold)}
.nav-live{display:flex;align-items:center;gap:6px;margin-right:2px;font-size:9px;letter-spacing:.12em;color:#b9c9c0}.nav-live i{width:7px;height:7px;border-radius:50%;background:#78db9f;box-shadow:0 0 0 0 #78db9f88;animation:livePulse 2s infinite}@keyframes livePulse{70%{box-shadow:0 0 0 7px #78db9f00}}.nav-cta{display:flex;gap:10px;align-items:center;padding:7px 8px 7px 16px}.nav-cta i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--forest);color:white;font-style:normal}
.hero{height:960px;border-radius:0 0 88px 88px}.shade{background:linear-gradient(90deg,#09130fe8 0%,#0c1713a3 35%,#0c171331 68%),linear-gradient(0deg,#07120ed6 0%,transparent 42%)}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;mix-blend-mode:screen}.a1{width:360px;height:360px;right:22%;top:8%;background:#d79c6721}.a2{width:270px;height:270px;left:3%;bottom:13%;background:#4ab48619}
.hero-copy{top:25%;left:7%;max-width:670px}.hero-kicker{display:flex;align-items:center;gap:18px}.hero-kicker>span:last-child{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff25;border-radius:99px;font-size:9px;letter-spacing:.1em;color:#c5d2cb}.hero-kicker>span:last-child i{width:6px;height:6px;border-radius:50%;background:#7be1a5}.hero h1{margin:28px 0 24px;font-size:clamp(54px,6.4vw,96px);line-height:.94;text-shadow:0 8px 40px #0003}.hero-copy p{max-width:585px;font-size:16px;line-height:1.75}
.hero-actions{display:flex;gap:10px;margin-top:30px}.hero-actions a,.hero-actions button{display:flex;gap:11px;align-items:center;height:52px;padding:0 19px;border-radius:99px;text-decoration:none;font-weight:600;font-size:12px}.hero-actions a{background:var(--gold);color:var(--forest)}.hero-actions a i{font-style:normal;transition:.2s}.hero-actions a:hover i{transform:translateX(4px)}.hero-actions button{border:1px solid #ffffff38;background:#ffffff0b;color:white}.hero-actions button i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff15;font-style:normal;font-size:9px}
.hero-proof{display:flex;gap:28px;margin-top:37px;color:#aab9b1;font-size:10px}.hero-proof b{display:block;margin-bottom:4px;color:white;font-size:15px}
.life-finder{left:auto;right:6%;top:20%;bottom:auto;width:430px;padding:24px;border-radius:32px;background:linear-gradient(145deg,#f9f7f1ed,#e7e6dfee);box-shadow:0 30px 100px #0006;border-color:#ffffff80}.finder-title{display:none}.smart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.smart-head>div{display:flex;flex-direction:column;gap:7px}.smart-head small{font-size:9px;letter-spacing:.15em;color:#678073}.smart-head b{font-size:19px;letter-spacing:-.02em}.smart-orb{position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--clay) 33%,#d8d9d2 0)}.smart-orb:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#f3f1eb}.smart-orb span{z-index:1;font-size:12px;font-weight:700}.smart-orb i{position:absolute;width:6px;height:6px;right:4px;top:18px;border-radius:50%;background:var(--clay)}
.moods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:15px}.mood{min-height:79px;flex-direction:column;justify-content:center;padding:9px 6px;border-radius:17px;text-align:center;font-size:11px}.mood i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f1f0eb}.mood.active{box-shadow:inset 0 0 0 1px #c97e5b}.mood.active i{background:#f0d7c8}
.finder-fields{display:grid;grid-template-columns:1fr;gap:8px}.finder-fields label{position:relative;padding:11px 15px;border-radius:16px}.finder-fields label>i{position:absolute;right:15px;top:25px;font-style:normal;color:#738079}.finder-fields select{padding-right:25px;appearance:none;font-size:13px}.finder-fields>button{height:54px;border-radius:17px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;background:linear-gradient(110deg,#1a342a,#24463a);box-shadow:0 12px 30px #19332932}.finder-fields>button i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--forest)}
.finder-foot{padding-top:12px;border-top:1px solid #cfd2cb}.finder-foot>span:last-child{display:flex;align-items:center;gap:5px}.finder-foot>span:last-child b{color:#926049}
.hero-index{position:absolute;left:7%;bottom:55px;display:flex;align-items:center;gap:9px;font-size:10px;color:#b7c3bd}.hero-index i{display:block;width:90px;height:1px;background:linear-gradient(90deg,var(--gold) 33%,#ffffff35 33%)}
@media(max-width:1100px){.nav-live{display:none}.nav nav a{padding-inline:11px}.life-finder{right:4%;width:390px}.hero-copy{max-width:540px}.hero-proof{gap:16px}}
@media(max-width:900px){.nav nav{display:none}.hero{height:1040px}.hero-copy{top:16%;left:6%;right:6%;max-width:680px}.life-finder{top:auto;left:5%;right:5%;bottom:42px;width:auto}.hero-proof{display:none}.hero-index{display:none}.moods{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.nav{height:64px;border-radius:22px}.brand>span{width:37px;height:37px}.hero{height:1080px;border-radius:0 0 42px 42px}.hero h1{font-size:50px}.hero-copy{top:13%}.hero-kicker>span:last-child{display:none}.hero-actions{flex-wrap:wrap}.hero-actions a,.hero-actions button{height:47px}.life-finder{bottom:22px;padding:19px;border-radius:25px}.smart-head b{font-size:17px}.smart-orb{width:46px;height:46px}.moods{grid-template-columns:1fr 1fr 1fr}.mood{min-height:68px;font-size:10px}.mood i{display:none}.finder-fields>button{height:50px}}