:root{--forest:#153b2f;--deep:#0f3026;--forest2:#245543;--gold:#b89453;--gold-light:#dfc18b;--cream:#f7f5ef;--ivory:#fcfbf8;--ink:#1e2923;--muted:#717a71;--border:#e4e5dc;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--ivory);font-family:var(--sans);color:var(--ink);font-size:15px;overflow-x:hidden}a{text-decoration:none}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container-xl{max-width:1320px}.top-strip{font-size:10px;letter-spacing:1.5px;font-weight:700;background:var(--deep);color:#e6e5d8;padding:10px 0}.top-strip a{color:inherit}.top-strip i{color:var(--gold-light);padding-right:6px}.gold-dot{padding:0 12px;color:var(--gold-light)}
.site-header{position:sticky;z-index:1030;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(25px);border-bottom:1px solid rgba(23,68,49,.08);box-shadow:0 10px 26px rgba(8,40,26,.035);transition:.35s ease}.site-header.scrolled{box-shadow:0 6px 34px rgba(17,43,30,.11)}.navbar{min-height:85px}.logo-wrap{padding:0;line-height:0}.logo-wrap img{width:155px;height:64px;object-fit:contain}.nav-links{gap:24px}.nav-links .nav-link{color:#36483e;font-weight:700;font-size:12px;letter-spacing:.22px;position:relative}.nav-links .nav-link:after{content:'';position:absolute;bottom:0;left:7px;height:2px;width:0;background:var(--gold);transition:.3s}.nav-links .nav-link:hover:after{width:calc(100% - 14px)}.nav-links .nav-link:hover{color:var(--forest)}.header-call{color:var(--forest);align-items:center;gap:7px;font-weight:700;font-size:13px;white-space:nowrap}
.btn{font-weight:700;letter-spacing:.15px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:17px;transition:all .3s ease;box-shadow:none!important}.btn i{transition:transform .3s}.btn:hover i{transform:translate(3px,-3px)}.btn-gold{background:linear-gradient(110deg,#bb9656,#dbb979);color:#193a2f;border:1px solid #d2af73;padding:13px 23px;font-size:12px}.btn-gold:hover{background:#e8c996;color:#143529;transform:translateY(-2px)}.btn-darkgreen{background:var(--forest);border:1px solid var(--forest);color:#fff;padding:13px 24px;font-size:12px}.btn-darkgreen:hover{background:#245442;border-color:#245442;color:#fff;transform:translateY(-2px)}.btn-outline-green{border:1px solid var(--forest);background:transparent;color:var(--forest);padding:13px 22px;font-size:12px}.btn-outline-green:hover{background:var(--forest);color:white}.btn-lg{padding:17px 29px;font-size:12px;min-height:54px}.btn-outline-light{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.08);color:white;font-size:12px}.btn-outline-light:hover{background:white;color:var(--forest)}
.hero-section{position:relative;background:var(--deep)}.hero-section .carousel-item{height:670px;position:relative;isolation:isolate}.hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;animation:heroZoom 10s ease-out both}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,22,.91) 0%,rgba(11,33,23,.77) 29%,rgba(9,31,22,.3) 59%,rgba(9,31,22,.05) 100%),linear-gradient(0deg,rgba(10,31,23,.33),transparent 33%)}@keyframes heroZoom{0%{transform:scale(1.055)}100%{transform:scale(1)}}.hero-copy{position:absolute;z-index:3;top:0;right:0;left:0;height:100%;display:flex;align-items:center;pointer-events:none}.hero-copy .row{width:100%}.hero-copy .row>div{pointer-events:auto}.hero-eyebrow{color:#e8d3a8!important}.eyebrow{font-weight:800;font-size:10px;letter-spacing:2.5px;color:#9f7b40;display:flex;align-items:center;gap:14px;margin-bottom:19px}.eyebrow .line{display:inline-block;width:34px;height:1px;background:currentColor;opacity:.85}.eyebrow.light{color:var(--gold-light)}.hero-copy h1{font-family:var(--serif);font-weight:500;font-size:clamp(42px,5.3vw,77px);line-height:1.13;letter-spacing:-1.65px;color:#fff;max-width:750px;margin:0 0 23px}.hero-copy p{max-width:560px;color:#ecefe7;font-size:17px;line-height:1.9;margin:0 0 28px}.hero-tagline{color:#e8dac4;display:flex;gap:14px;align-items:center;font-size:10px;font-weight:700;letter-spacing:2.5px;margin-top:65px}.hero-tagline .line{height:1px;width:36px;background:var(--gold-light)}.hero-tagline span:not(.line){color:var(--gold)}.carousel-control-prev,.carousel-control-next{z-index:4;top:50%;bottom:auto;transform:translateY(-50%);height:43px;width:43px;border:1px solid #ffffff77;border-radius:50%;background:#14392c62;color:white;opacity:1}.carousel-control-prev{left:23px}.carousel-control-next{right:23px}.hero-pagination{position:absolute;z-index:5;left:auto;right:4%;bottom:29px;margin:0;display:flex;gap:8px}.hero-pagination button{height:4px!important;width:29px!important;border:none!important;border-radius:4px;opacity:.45!important;background:#fff!important;filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin:0!important}.hero-pagination button.active{background:var(--gold-light)!important;opacity:1!important;width:44px!important}
.stats-band{background:#f4f0e6;padding:29px 0;border-bottom:1px solid #e5e0d5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:12px 31px;border-right:1px solid #ded7c7}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{border:0}.stats-grid span{display:block;color:#9b7e4a;font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:11px}.stats-grid strong{display:block;font-family:var(--serif);color:var(--forest);font-size:26px;font-weight:600;white-space:nowrap}.stats-grid small{color:#788178;font-size:11px}
.section{padding:106px 0}.about-section{background:var(--ivory)}.image-story{height:585px;position:relative;overflow:hidden;border-radius:7px 110px 7px 7px}.image-story:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#0b2d24ba,transparent 33%)}.image-story img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s}.image-story:hover img{transform:scale(1.04)}.image-story-label{position:absolute;z-index:2;bottom:30px;left:33px;color:white;display:flex;gap:16px;align-items:center;letter-spacing:2px;font-size:10px}.image-story-label i{font-size:38px;color:var(--gold-light)}.image-story-label b{font-family:var(--serif);font-size:23px;display:block;font-weight:400;letter-spacing:0;margin-top:5px}.display-title{font-family:var(--serif);font-size:clamp(35px,4.1vw,58px);font-weight:500;line-height:1.22;letter-spacing:-.8px;margin:0 0 24px;color:var(--forest)}.lead-muted{color:#6f786e;font-size:15px;line-height:1.95;max-width:600px}.amenity-points{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin:31px 0 33px}.amenity-points>div{font-size:13px;display:flex;gap:13px;align-items:center;color:#425348;font-weight:600;line-height:1.5}.amenity-points i{font-size:23px;color:#ab8a52;flex-shrink:0}.tiny-trust{font-size:10px;color:#738475;letter-spacing:1px}
.floor-section{background:linear-gradient(180deg,#eff2eb,#f6f5f0)}.section-heading{margin-bottom:39px}.floor-card{background:white;border:1px solid #e5e8e0;box-shadow:0 18px 55px rgba(19,62,40,.07);border-radius:13px;overflow:hidden;height:100%;transition:.35s;display:flex;flex-direction:column}.floor-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(16,48,32,.15)}.floor-top{background:var(--forest);color:white;padding:26px 30px;display:flex;align-items:start;justify-content:space-between}.floor-top h3{font-family:var(--serif);font-size:40px;margin:5px 0 8px}.floor-top .floor-kicker{color:var(--gold-light);font-weight:800;font-size:9px;letter-spacing:2px}.floor-area{display:block;font-weight:700;font-size:16px}.floor-top small{font-size:11px;color:#d4dbd3;display:block;margin-top:5px}.floor-number{font-family:var(--serif);font-size:50px;color:rgba(234,216,177,.38)}.floor-visual{height:365px;background:#fcfbf8;padding:19px;display:flex;justify-content:center;align-items:center}.floor-visual img{max-width:100%;max-height:100%;object-fit:contain}.floor-bottom{padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e9e8e0;margin-top:auto}.floor-bottom span{display:block;font-size:9px;letter-spacing:1.3px;font-weight:800;color:#a18c66;margin-bottom:4px}.floor-bottom strong{font-family:var(--serif);font-size:24px;font-weight:600;color:#1a402f}.price-disclaimer{font-size:11px;color:#828d85;margin:24px 0 0;max-width:960px}
.amenity-section{background:radial-gradient(ellipse at 5% 0%,#34614a33,transparent 42%),var(--deep);color:white;overflow:hidden}.light-title{color:#fff}.lead-muted.on-dark{color:#becdc2}.horizontal-track{display:flex;gap:20px;overflow:auto hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:6px 2px 20px}.horizontal-track::-webkit-scrollbar{display:none}.slider-buttons{display:flex;gap:10px;flex-shrink:0;margin-bottom:12px}.slider-arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid #d4c2a25e;border-radius:50%;background:transparent;color:var(--gold-light);transition:.2s}.slider-arrow:hover{color:var(--deep);background:var(--gold-light)}.amenity-card{width:calc((100% - 60px)/4);min-width:255px;height:385px;position:relative;border-radius:9px;overflow:hidden;scroll-snap-align:start;flex-shrink:0}.amenity-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.amenity-card:hover img{transform:scale(1.08)}.amenity-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,29,20,.95),transparent 68%)}.amenity-info{position:absolute;bottom:22px;left:24px;right:18px}.amenity-info i{display:block;color:#edca8c;font-size:25px;margin-bottom:11px}.amenity-info h3{font-family:var(--serif);font-size:24px;line-height:1.2}.amenity-info p{font-size:12px;line-height:1.55;color:#dde9df;margin:6px 0 0}
.gallery-section{background:#fff}.gallery-mosaic{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:200px 200px;gap:17px}.gallery-mosaic a{position:relative;overflow:hidden;border-radius:8px;isolation:isolate}.gallery-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.gallery-mosaic a:hover img{transform:scale(1.07)}.gallery-feature{grid-row:span 2}.gallery-mosaic a:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#09251dad,transparent 45%)}.gallery-mosaic span{position:absolute;z-index:1;left:22px;bottom:16px;font-family:var(--serif);font-size:21px;color:white}.gallery-feature span{font-size:34px}.gallery-feature span i{font-family:var(--sans);font-size:18px;margin-left:11px}
.location-section{background:var(--cream)}.light-buttons .slider-arrow{color:var(--forest);border-color:#d1d8cf}.light-buttons .slider-arrow:hover{background:var(--forest);color:white}.connect-card{flex:0 0 270px;background:white;border:1px solid #e7eae2;scroll-snap-align:start;border-radius:8px;overflow:hidden;box-shadow:0 5px 23px #1f3e2610}.connect-visual{height:152px;position:relative;background:linear-gradient(135deg,#f6f3ea 0%,#edf2eb 48%,#dfeadd 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.connect-visual:before,.connect-visual:after{content:'';border:1px solid #a8bba53d;width:150px;height:150px;position:absolute;transform:rotate(35deg)}.connect-visual:after{width:195px;height:195px;transform:rotate(68deg)}.connect-glyph{position:relative;z-index:1;width:92px;height:92px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f6f3e9 100%);border:1px solid rgba(177,148,91,.24);display:grid;place-items:center;box-shadow:0 16px 32px rgba(23,62,49,.08)}.connect-glyph i{font-size:42px;line-height:1;color:var(--forest)}.connect-kicker{position:relative;z-index:1;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#6f7f74;font-weight:700}.icon-bubble{position:absolute;z-index:2;right:17px;bottom:-15px;border-radius:50%;background:var(--gold);color:white;width:43px;height:43px;display:grid;place-items:center;font-size:18px;box-shadow:0 7px 25px #84724e4a}.connect-body{padding:23px 20px 24px;min-height:125px}.connect-body h3{font-size:17px;font-weight:800;color:var(--forest);margin-bottom:9px}.connect-body p{color:#747d74;font-size:12px;line-height:1.6;margin:0}.map-feature{display:grid;grid-template-columns:40% 60%;margin-top:55px;background:#e9eee4;border:1px solid #dfe7dd;border-radius:10px;overflow:hidden}.map-feature>div:first-child{padding:48px 44px}.map-feature h3{font-family:var(--serif);font-size:35px;color:var(--forest);margin-bottom:18px;line-height:1.24}.map-feature h3 em{font-weight:400}.map-feature p{color:#657368;font-size:13px;line-height:1.8;margin-bottom:22px}.map-frame{background:white;overflow:hidden;min-height:310px;display:flex;justify-content:center;align-items:center}.map-frame img{max-width:100%;width:100%;height:310px;object-fit:contain}
.dark-cta{background:var(--forest);color:white;overflow:hidden}.dark-cta>.container-xl{min-height:388px;position:relative;display:flex;align-items:center}.cta-content{position:relative;z-index:2;padding:65px 0;max-width:630px}.cta-content h2{font-size:clamp(36px,4.2vw,59px);font-family:var(--serif);line-height:1.15;letter-spacing:-.5px}.cta-content p{color:#c8ded0;font-size:16px;line-height:1.75;margin:19px 0 25px}.dark-cta img{position:absolute;inset:0 0 0 38%;width:62%;height:100%;object-fit:cover;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.instagram-section{background:var(--ivory)}.reel-card{flex:0 0 calc((100% - 80px)/5);min-width:198px;position:relative;overflow:hidden;height:350px;border-radius:13px;scroll-snap-align:start;background:var(--deep);box-shadow:0 13px 22px #20412c20}.reel-card>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.reel-card:hover>img{transform:scale(1.07)}.reel-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#071e15de,transparent 55%)}.reel-ig{position:absolute;right:13px;top:10px;font-size:25px;color:#fff}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#ffffff35;color:#fff;backdrop-filter:blur(4px);font-size:31px}.play-button:hover{background:var(--gold);color:white}.reel-caption{position:absolute;bottom:18px;left:17px;right:17px;font-family:var(--serif);font-size:19px;color:white;line-height:1.4}.reel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.tag-coming{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1.4px}
.footer-main{background:var(--deep);color:#ceded0;padding:65px 0 24px}.footer-logo{width:175px;height:85px;object-fit:contain;background:#fff;padding:3px;border-radius:4px}.footer-main p{font-size:12px;line-height:1.85;margin-top:14px;color:#b8cbbd;max-width:320px}.footer-rera{color:var(--gold-light);font-size:10px;letter-spacing:1.3px}.footer-label{color:var(--gold-light);font-size:10px;letter-spacing:2px;font-weight:700;margin:9px 0 22px}.footer-main a:not(.btn){display:block;color:#b8cbbd;font-size:12px;margin:11px 0;line-height:1.5}.footer-main a:hover{color:white}.footer-main h4{font-family:var(--serif);font-size:25px}.footer-bottom{margin-top:57px;padding-top:19px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a9bead}
.enquiry-modal{display:flex;border:0;overflow:hidden;border-radius:16px;box-shadow:0 15px 90px #081f157d}.modal-side{width:40%;position:relative;background:var(--forest);min-height:610px;color:white;overflow:hidden}.modal-side>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:brightness(.65)}.modal-side:after{content:'';background:linear-gradient(0deg,#0d2922e8,transparent 55%);position:absolute;inset:0}.modal-side-text{position:absolute;z-index:1;left:25px;right:20px;bottom:26px}.modal-side-text span{font-size:9px;letter-spacing:2px;color:var(--gold-light)}.modal-side-text h3{font-family:var(--serif);font-size:32px;margin:10px 0}.modal-side-text p{font-size:12px;color:#e8f2e8}.modal-form{width:60%;padding:34px 36px;position:relative;background:#fff}.modal-form .eyebrow{margin-top:13px;margin-bottom:14px;font-size:9px}.modal-form h2{font-family:var(--serif);font-size:31px;color:var(--forest);margin:0 0 9px}.modal-form>p{font-size:12px;color:#859089;margin:0 0 20px}.modal-close{border:0;background:#f0f2ee;width:33px;height:33px;border-radius:50%;position:absolute;right:16px;top:16px;color:var(--forest)}.form-label{font-size:11px;font-weight:800;color:#3e5546;margin-bottom:5px}.form-control,.form-select{border:1px solid #d9e1d9;min-height:44px;font-size:12px;border-radius:6px;background:#fbfcfa}.form-control:focus,.form-select:focus{border-color:#b9995f;box-shadow:0 0 0 .16rem #b894532a}.privacy-note{color:#8b918b;font-size:10px;display:flex;align-items:start;gap:7px;line-height:1.5;margin-top:15px}.modal-dialog{max-width:785px}.mobile-dock{display:none}
[data-reveal]{opacity:0;transform:translateY(21px);transition:opacity .7s ease,transform .7s ease}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:1199px){.nav-links{gap:9px}.stats-grid strong{font-size:21px}.amenity-card{width:290px}.reel-card{flex-basis:220px}}
@media(max-width:991px){.section{padding:78px 0}.navbar{min-height:76px}.navbar-collapse{padding:18px 0}.navbar-nav{gap:3px}.header-actions{margin-top:16px}.hero-section .carousel-item{height:625px}.hero-copy h1{font-size:55px}.image-story{height:480px}.gallery-mosaic{grid-template-rows:170px 170px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:15px 20px;border-bottom:1px solid #ddd7c7}.stats-grid>div:nth-child(2){border-right:0}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);height:68px;background:#fff;bottom:0;left:0;right:0;z-index:1050;border-top:1px solid #dae0d7;box-shadow:0 -10px 40px #102e211e;padding-bottom:env(safe-area-inset-bottom)}.mobile-dock a,.mobile-dock button{border:0;background:none;color:#586b59;display:flex;gap:3px;align-items:center;justify-content:center;flex-direction:column;font-size:21px;padding:6px 0;text-decoration:none}.mobile-dock small{font-size:9px;font-weight:700}.mobile-dock button{background:var(--forest);color:#fff;margin:6px;border-radius:5px;font-size:20px}.footer-main{padding-bottom:95px}.map-feature{grid-template-columns:1fr}.map-frame{min-height:230px}.dark-cta img{left:25%;width:75%}}
@media(max-width:767px){html{scroll-padding-top:76px}.navbar{min-height:60px}.logo-wrap img{width:126px;height:52px}.hero-section .carousel-item{height:610px}.hero-img{object-position:55% 35%}.hero-overlay{background:linear-gradient(0deg,#08251ee8 0%,#0a2c2270 40%,#0a2c220d 80%),linear-gradient(90deg,#09291c4f,transparent)}.hero-copy{align-items:flex-end;padding-bottom:88px}.hero-copy .eyebrow{font-size:9px;margin-bottom:13px}.hero-copy h1{font-size:clamp(32px,8.1vw,51px);line-height:1.16;letter-spacing:-.5px;margin-bottom:15px}.hero-copy p{font-size:13px;line-height:1.7;margin-bottom:18px}.hero-copy .btn-lg{padding:12px 16px;min-height:44px;font-size:10px;gap:9px}.hero-tagline{margin-top:22px;font-size:8px;letter-spacing:1.6px}.carousel-control-prev,.carousel-control-next{width:32px;height:32px;top:35%;font-size:13px}.carousel-control-prev{left:10px}.carousel-control-next{right:10px}.hero-pagination{bottom:20px;right:25px}.stats-band{padding:14px 0}.stats-grid>div{padding:14px 10px}.stats-grid>div:first-child{padding-left:10px}.stats-grid strong{font-size:20px}.stats-grid span{font-size:8px;margin-bottom:6px}.stats-grid small{font-size:10px}.section{padding:66px 0}.display-title{font-size:36px}.lead-muted{font-size:13px;line-height:1.8}.about-section .row{gap:8px}.image-story{height:385px;border-radius:4px 75px 4px 4px}.image-story-label{left:18px;bottom:18px}.amenity-points{gap:19px;margin:23px 0}.amenity-points>div{font-size:11px;gap:9px}.amenity-points i{font-size:19px}.section-heading{margin-bottom:25px}.floor-top{padding:18px}.floor-top h3{font-size:31px}.floor-visual{height:275px}.floor-bottom{padding:17px;gap:8px}.floor-bottom strong{font-size:21px}.floor-bottom .btn{padding:11px 13px;font-size:10px;gap:8px}.amenity-card{min-width:250px;width:72vw;height:345px}.connect-card{flex-basis:255px}.connect-visual{height:140px}.connect-glyph{width:78px;height:78px;border-radius:24px}.connect-glyph i{font-size:34px}.connect-kicker{font-size:10px;letter-spacing:1.6px}.slider-arrow{width:35px;height:35px}.gallery-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:185px 150px 150px;gap:10px}.gallery-feature{grid-column:span 2;grid-row:span 1}.gallery-mosaic span{font-size:16px}.gallery-feature span{font-size:22px}.map-feature{margin-top:37px}.map-feature>div:first-child{padding:30px 24px}.map-feature h3{font-size:31px}.map-frame img{height:245px}.dark-cta>.container-xl{min-height:390px}.dark-cta img{inset:0;width:100%;height:100%;mask-image:none;opacity:.35}.cta-content{padding:65px 10px}.cta-content h2{font-size:36px}.cta-content p{font-size:13px}.reel-card{min-width:180px;flex-basis:180px;height:293px}.reel-footer{align-items:flex-start;flex-direction:column}.tag-coming{font-size:9px}.footer-main{padding-top:43px}.footer-bottom{margin-top:25px;flex-direction:column;gap:4px}.modal-dialog{margin:10px auto;max-width:94vw}.modal-form{width:100%;padding:26px 19px}.modal-form h2{font-size:26px}.modal-form .form-control,.modal-form .form-select{min-height:40px}.modal-form .row{row-gap:8px!important}.modal-form .mt-3{margin-top:10px!important}.modal{z-index:1070}.modal-backdrop{z-index:1060}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}

/* Thoughtful floor plan dimensions & key specifications */
.plan-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;padding:15px 23px 20px;border-top:1px solid #edf0e9;background:#fbfcf9}.plan-details span{font-size:11px;color:#718176;line-height:1.4}.plan-details b{display:block;font-size:11px;color:#204732}.spec-section{padding:92px 0;background:#fff;border-top:1px solid #e8ebe3;border-bottom:1px solid #e8ebe3}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.spec-item{background:#f5f7f0;border:1px solid #e6e8e0;border-radius:8px;padding:20px 15px;min-height:149px;transition:transform .3s,background .3s}.spec-item:hover{background:#eaf1e7;transform:translateY(-4px)}.spec-item>i{font-size:24px;color:#aa824c;display:block;margin-bottom:13px}.spec-item strong{font-size:12px;color:#214a38;display:block;margin-bottom:7px}.spec-item span{font-size:11px;color:#7f8d7f;line-height:1.5;display:block}@media(max-width:991px){.spec-section{padding:72px 0}}@media(max-width:767px){.spec-grid{grid-template-columns:repeat(2,1fr)}.spec-item{min-height:137px}.plan-details{gap:8px;padding:14px}}

/* ===== UX refinements: sliding media, enquiry modal & protected floor plans ===== */
/* Hero uses a true left/right Bootstrap slide (carousel-fade removed in markup). */
#heroSlider .carousel-item{transition:transform .78s cubic-bezier(.22,.61,.36,1)}
#heroSlider .hero-img{will-change:transform}

/* Smooth image rails with controlled snap; JS auto-advances and loops them. */
.auto-slide-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}
.auto-slide-track>*{scroll-snap-align:start}
.auto-slide-track.is-user-interacting{scroll-snap-type:none}

/* Floor-plan protection: the public asset itself is blurred, and this overlay makes intent clear. */
.floor-visual.floor-locked{position:relative;overflow:hidden;isolation:isolate;background:#f5f3ec}
.floor-visual.floor-locked>img{width:100%;height:100%;object-fit:contain;filter:blur(1.25px);transform:scale(1.035);opacity:.82}
.floor-lock-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:linear-gradient(180deg,rgba(252,251,248,.20),rgba(247,245,239,.68));backdrop-filter:blur(1.5px)}
.floor-lock-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(21,59,47,.94);color:#fff;font-size:18px;box-shadow:0 10px 28px rgba(13,41,32,.22);margin-bottom:13px}
.floor-lock-overlay strong{font-family:var(--serif);font-size:21px;line-height:1.25;color:var(--forest);max-width:290px}
.floor-lock-overlay small{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#617067;max-width:265px}

/* Professional enquiry modal: consistent alignment, spacing and responsive height. */
#enquiryModal .modal-dialog{width:min(920px,calc(100vw - 32px));max-width:920px;margin:1.75rem auto}
#enquiryModal .enquiry-modal{display:grid;grid-template-columns:minmax(270px,38%) minmax(0,62%);align-items:stretch;border:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 26px 90px rgba(8,31,21,.28);max-height:calc(100vh - 56px)}
#enquiryModal .modal-side{width:auto;min-height:0;height:auto;position:relative}
#enquiryModal .modal-side>img{object-position:center center}
#enquiryModal .modal-side-text{left:28px;right:26px;bottom:28px}
#enquiryModal .modal-side-text h3{font-size:34px;line-height:1.12;margin:9px 0 10px}
#enquiryModal .modal-side-text p{font-size:12px;line-height:1.65;margin:0}
#enquiryModal .modal-form{width:auto;min-width:0;padding:30px 34px 28px;overflow-y:auto;overscroll-behavior:contain}
#enquiryModal .modal-form .eyebrow{margin:0 45px 10px 0}
#enquiryModal .modal-form h2{font-size:30px;line-height:1.15;margin:0 45px 7px 0}
#enquiryModal .modal-form>p{line-height:1.6;margin-bottom:18px}
#enquiryModal .modal-close{right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;z-index:3;transition:background .2s,transform .2s}
#enquiryModal .modal-close:hover{background:#e4e9e2;transform:rotate(4deg)}
#enquiryModal .form-label{display:block;margin-bottom:6px}
#enquiryModal .form-control,#enquiryModal .form-select{width:100%;min-height:46px;padding:10px 12px;border-radius:8px;background:#fbfcfa}
#enquiryModal textarea.form-control{min-height:72px;resize:vertical}
#enquiryModal .row.g-3{--bs-gutter-x:14px;--bs-gutter-y:12px}
#enquiryModal #sendLead{min-height:50px;border-radius:8px;margin-top:12px!important}
#enquiryModal .privacy-note{margin-top:12px;padding-top:11px;border-top:1px solid #eef0eb}
#enquiryModal.modal.show .enquiry-modal{animation:modalPolishIn .28s ease-out both}
@keyframes modalPolishIn{from{opacity:.15;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:767px){
  #enquiryModal .modal-dialog{width:calc(100vw - 20px);max-width:none;margin:10px auto;min-height:calc(100% - 20px);display:flex;align-items:center}
  #enquiryModal .enquiry-modal{display:block;width:100%;max-height:calc(100dvh - 20px);border-radius:15px}
  #enquiryModal .modal-form{width:100%;padding:24px 18px 20px;max-height:calc(100dvh - 20px)}
  #enquiryModal .modal-form .eyebrow{margin-right:42px;margin-bottom:9px}
  #enquiryModal .modal-form h2{font-size:25px;margin-right:42px}
  #enquiryModal .modal-form>p{font-size:11px;margin-bottom:14px}
  #enquiryModal .form-control,#enquiryModal .form-select{min-height:43px;font-size:12px}
  #enquiryModal textarea.form-control{min-height:62px}
  #enquiryModal .modal-close{right:13px;top:13px;width:34px;height:34px}
  .floor-lock-overlay{padding:18px}
  .floor-lock-icon{width:42px;height:42px;margin-bottom:9px}
  .floor-lock-overlay strong{font-size:18px;max-width:240px}
  .floor-lock-overlay small{font-size:9px;max-width:225px}
}

/* ===== Inline Instagram player + Gallery/Amenities lightbox ===== */
/* Amenities are still slider cards, but now clearly interactive for full-screen viewing. */
.amenity-card.js-lightbox{cursor:zoom-in;outline:none}
.amenity-card.js-lightbox:focus-visible{box-shadow:0 0 0 3px rgba(237,202,140,.65)}
.amenity-zoom{position:absolute;z-index:3;right:14px;top:14px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:rgba(7,29,20,.58);color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(6px);opacity:0;transform:translateY(-4px);transition:.25s}
.amenity-card:hover .amenity-zoom,.amenity-card:focus-visible .amenity-zoom{opacity:1;transform:none}

/* Gallery triggers use buttons so clicking never opens a new browser tab. */
.gallery-mosaic .gallery-lightbox-trigger{position:relative;overflow:hidden;border-radius:8px;isolation:isolate;border:0;padding:0;background:#0b2a20;text-align:left;cursor:zoom-in}
.gallery-mosaic .gallery-lightbox-trigger:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#09251dad,transparent 45%)}
.gallery-mosaic .gallery-lightbox-trigger:hover img,.gallery-mosaic .gallery-lightbox-trigger:focus-visible img{transform:scale(1.07)}
.gallery-mosaic .gallery-lightbox-trigger:focus-visible{outline:3px solid rgba(185,153,95,.72);outline-offset:3px}

/* Dark, distraction-free lightbox with image counter and desktop/mobile navigation. */
.media-lightbox{z-index:1090}
.media-lightbox+.modal-backdrop{z-index:1085}
.media-lightbox .modal-dialog{max-width:min(1240px,96vw);margin:20px auto}
.media-lightbox .modal-content{border:0;border-radius:16px;overflow:hidden;background:rgba(5,18,14,.97);box-shadow:0 28px 100px rgba(0,0,0,.52)}
.lightbox-stage{position:relative;display:grid;place-items:center;min-height:min(82vh,820px);padding:34px 74px 24px}
.lightbox-stage figure{margin:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.lightbox-stage img{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 18px 60px rgba(0,0,0,.28);opacity:1;transition:opacity .18s ease}
.lightbox-stage img.is-switching{opacity:.18}
.lightbox-stage figcaption{width:min(900px,100%);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;font-family:var(--serif);font-size:20px}
.lightbox-stage figcaption small{font-family:var(--sans);font-size:11px;letter-spacing:1.1px;color:#d5c19e;white-space:nowrap}
.lightbox-close{position:absolute;z-index:5;right:17px;top:17px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;font-size:18px;backdrop-filter:blur(8px);transition:.2s}
.lightbox-close:hover{background:#fff;color:var(--forest)}
.lightbox-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;font-size:21px;backdrop-filter:blur(8px);transition:.2s}
.lightbox-nav:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.lightbox-prev{left:14px}.lightbox-next{right:14px}

/* Instagram Reel now loads and plays inside the same card/frame. */
.reel-media{position:absolute;inset:0;overflow:hidden;background:#fff}
.reel-media>img{width:100%;height:100%;object-fit:cover;transition:transform .6s,opacity .25s}
.reel-card:hover .reel-media>img{transform:scale(1.07)}
.reel-card.is-playing{background:#050505}
.reel-card.is-playing .reel-media>img,.reel-card.is-playing .reel-vignette,.reel-card.is-playing .reel-caption,.reel-card.is-playing .reel-ig{opacity:0;pointer-events:none}
.reel-embed-frame{position:absolute;z-index:5;inset:0;width:100%;height:100%;border:0;background:#050505}
.reel-card.is-playing .reel-media{overflow:hidden;background:#050505}
.reel-card.is-playing .reel-embed-frame{min-height:0}

@media(max-width:767px){
  .amenity-zoom{opacity:1;width:34px;height:34px;right:11px;top:11px;font-size:13px}
  .media-lightbox .modal-dialog{width:calc(100vw - 12px);max-width:none;margin:6px auto;min-height:calc(100% - 12px);display:flex;align-items:center}
  .media-lightbox .modal-content{border-radius:12px}
  .lightbox-stage{min-height:76vh;padding:58px 14px 18px}
  .lightbox-stage img{max-height:65vh;border-radius:6px}
  .lightbox-stage figcaption{font-size:17px;padding:0 48px 0 2px;align-items:flex-start}
  .lightbox-nav{width:42px;height:42px;top:auto;bottom:12px;transform:none;font-size:18px}
  .lightbox-prev{left:auto;right:62px}.lightbox-next{right:12px}
  .lightbox-close{right:12px;top:12px;width:38px;height:38px}
}
.reel-card{transition:transform .35s ease,box-shadow .35s ease}
.reel-card.is-playing{background:#050505}
.reel-inline-close{display:none;position:absolute;z-index:8;right:10px;top:10px;width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(5,18,14,.72);color:#fff;place-items:center;backdrop-filter:blur(7px)}
.reel-card.is-playing .reel-inline-close{display:grid}


/* ===== 23-10-2026 Premium Motion + Fixed Instagram Reel Frame ===== */
/* Reel dimensions never change between thumbnail and playback. */
.reel-card,.reel-card.is-playing{
  flex:0 0 clamp(198px,calc((100% - 80px)/5),226px)!important;
  min-width:198px!important;height:auto!important;aspect-ratio:9/16!important;
  overflow:hidden;transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease!important;
  border:1px solid rgba(21,59,47,.08)
}
.reel-card:hover{transform:translateY(-7px);box-shadow:0 22px 42px rgba(24,58,39,.18)}
.reel-card.is-playing{transform:none!important;background:#050505!important}
.reel-card .reel-media,.reel-card.is-playing .reel-media{position:absolute;inset:0;overflow:hidden!important;background:#050505!important}
.reel-embed-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;background:#050505!important;overflow:hidden!important}
.reel-card.is-playing .reel-embed-frame{min-height:0!important}
.reel-card.is-playing .reel-media>img,.reel-card.is-playing .reel-vignette,.reel-card.is-playing .reel-caption,.reel-card.is-playing .reel-ig{opacity:0;pointer-events:none}
.reel-card.is-loading:after{content:'';position:absolute;z-index:7;width:34px;height:34px;left:50%;top:50%;margin:-17px 0 0 -17px;border:3px solid rgba(255,255,255,.28);border-top-color:var(--gold-light);border-radius:50%;animation:reelSpin .8s linear infinite;pointer-events:none}
@keyframes reelSpin{to{transform:rotate(360deg)}}
.reel-inline-close{z-index:9}

/* Thin premium page progress indicator. */
.page-progress{position:fixed;z-index:1200;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(0);transform-origin:left center;will-change:transform;pointer-events:none;box-shadow:0 1px 8px rgba(184,148,83,.28)}

/* Header and active navigation motion. */
.site-header{transition:background .35s ease,box-shadow .35s ease,transform .35s ease}
.site-header.scrolled{background:rgba(255,255,255,.94)}
.logo-wrap img{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease}.logo-wrap:hover img{transform:scale(1.035)}
.nav-links .nav-link.active{color:var(--forest)}
.nav-links .nav-link.active:after{width:calc(100% - 14px)}

/* Hero entrance + a fresh Ken Burns motion on every active slide. */
.hero-img{animation:none!important;will-change:transform}
#heroSlider .carousel-item.active .hero-img{animation:heroKenBurns 7.2s ease-out both!important}
@keyframes heroKenBurns{0%{transform:scale(1.055) translate3d(0,0,0)}100%{transform:scale(1.01) translate3d(-.3%,0,0)}}
.hero-copy .hero-eyebrow,.hero-copy h1,.hero-copy p,.hero-copy .d-flex,.hero-copy .hero-tagline{opacity:0;transform:translateY(18px);animation:heroCopyIn .75s cubic-bezier(.2,.7,.2,1) forwards}
.hero-copy .hero-eyebrow{animation-delay:.12s}.hero-copy h1{animation-delay:.22s}.hero-copy p{animation-delay:.34s}.hero-copy .d-flex{animation-delay:.46s}.hero-copy .hero-tagline{animation-delay:.58s}
@keyframes heroCopyIn{to{opacity:1;transform:none}}
.hero-pagination button{transition:width .35s ease,opacity .35s ease,background .35s ease!important}
.carousel-control-prev,.carousel-control-next{transition:background .3s ease,transform .3s ease,border-color .3s ease}
.carousel-control-prev:hover,.carousel-control-next:hover{background:rgba(223,193,139,.92);border-color:var(--gold-light);color:var(--deep);transform:translateY(-50%) scale(1.08)}

/* Scroll reveal variants and staggered content. */
[data-reveal]{opacity:0;transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
[data-reveal="up"]{transform:translate3d(0,28px,0)}
[data-reveal="left"]{transform:translate3d(-34px,0,0)}
[data-reveal="right"]{transform:translate3d(34px,0,0)}
[data-reveal="scale"]{transform:translate3d(0,18px,0) scale(.97)}
[data-reveal].visible{opacity:1;transform:none}
.section-heading.visible .eyebrow .line{animation:lineGrow .7s .15s ease both}
@keyframes lineGrow{from{width:0}to{width:34px}}

/* Premium hover depth and micro-interactions. */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:before{content:'';position:absolute;z-index:-1;top:-120%;left:-45%;width:32%;height:340%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg);transition:left .55s ease}
.btn:hover:before{left:120%}
.floor-card,.connect-card,.spec-item,.gallery-lightbox-trigger,.amenity-card{will-change:transform}
.floor-card:hover{transform:translateY(-8px) scale(1.006);box-shadow:0 28px 70px rgba(16,48,32,.15)}
.connect-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.connect-card:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(31,62,38,.11);border-color:#d4c5a8}
.spec-item{transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.spec-item:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(31,62,38,.09)}
.amenity-card{transition:transform .4s ease,box-shadow .4s ease}.amenity-card:hover{transform:translateY(-7px);box-shadow:0 24px 45px rgba(0,0,0,.24)}
.amenity-info i,.icon-bubble{transition:transform .35s ease}.amenity-card:hover .amenity-info i,.connect-card:hover .icon-bubble{transform:translateY(-3px) rotate(-4deg) scale(1.08)}
.gallery-lightbox-trigger{transition:transform .4s ease,box-shadow .4s ease}.gallery-lightbox-trigger:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(11,45,36,.18)}
.image-story:after{content:'';position:absolute;z-index:2;inset:-20% auto -20% -55%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-15deg);transition:left .9s ease;pointer-events:none}.image-story:hover:after{left:125%}
.slider-arrow{transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.slider-arrow:hover{transform:scale(1.08);box-shadow:0 8px 22px rgba(0,0,0,.10)}


.custom-wa-inline{width:18px;height:18px;object-fit:contain;vertical-align:-3px}.custom-wa-icon{width:22px;height:22px;object-fit:contain;flex:0 0 22px}.custom-wa-pill{width:58px;height:58px;object-fit:cover;display:block;border-radius:50%;flex:0 0 58px}.property-chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* CTA and media atmosphere. */
.dark-cta img{transition:transform 1.2s ease,opacity .7s ease}.dark-cta:hover img{transform:scale(1.025)}
.map-frame img{transition:transform .9s ease}.map-feature:hover .map-frame img{transform:scale(1.025)}
.footer-main a:not(.btn){transition:color .25s ease,transform .25s ease}.footer-main a:not(.btn):hover{transform:translateX(3px)}
.mobile-dock a,.mobile-dock button{transition:transform .22s ease,background .22s ease,color .22s ease}.mobile-dock a:active,.mobile-dock button:active{transform:scale(.94)}

@media(max-width:1199px){
  .reel-card,.reel-card.is-playing{flex-basis:210px!important;min-width:210px!important}
}
@media(max-width:767px){
  .reel-card,.reel-card.is-playing{flex-basis:180px!important;min-width:180px!important;height:auto!important;aspect-ratio:9/16!important}
  .reel-card:hover,.amenity-card:hover,.floor-card:hover,.connect-card:hover,.gallery-lightbox-trigger:hover{transform:none}
  .hero-copy .hero-eyebrow,.hero-copy h1,.hero-copy p,.hero-copy .d-flex,.hero-copy .hero-tagline{animation-duration:.55s}
  [data-reveal="left"],[data-reveal="right"]{transform:translate3d(0,22px,0)}
  .page-progress{height:2px}
}
@media(prefers-reduced-motion:reduce){
  .page-progress{display:none}
  .hero-copy .hero-eyebrow,.hero-copy h1,.hero-copy p,.hero-copy .d-flex,.hero-copy .hero-tagline{opacity:1;transform:none;animation:none!important}
  #heroSlider .carousel-item.active .hero-img,.reel-card.is-loading:after{animation:none!important}
  [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
}

/* ===== 23-10-2026 Connectivity image fallback + CTA rail + local property assistant ===== */
/* Connectivity: admin-uploaded image wins; icon is the clean default fallback. */
.connect-visual{isolation:isolate}
.connect-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .55s ease,filter .35s ease}
.connect-image-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(8,34,25,.05) 20%,rgba(8,34,25,.72) 100%)}
.connect-image-badge{position:absolute;z-index:2;left:16px;bottom:15px;color:#fff;display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}
.connect-image-badge i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(6px);font-size:15px}
.connect-card.has-custom-image:hover .connect-custom-image{transform:scale(1.055);filter:saturate(1.04)}
.connect-card.has-custom-image .icon-bubble{background:rgba(184,148,83,.98)}

/* Desktop right-side CTA stack, inspired by the supplied reference UI. */
.floating-cta-rail{position:fixed;z-index:1042;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width:118px;box-shadow:0 16px 44px rgba(6,25,17,.22)}
.floating-cta-item{height:64px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:#171713;color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 15px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.75px;transition:background .25s ease,color .25s ease,transform .25s ease;text-decoration:none!important}
.floating-cta-item i{font-size:18px;line-height:1;flex:0 0 20px}
.floating-cta-item:hover{background:#23251f;color:#fff;transform:translateX(-4px)}
.floating-cta-enquire{background:linear-gradient(135deg,#b38a47,#cda75f);color:#fff}
.floating-cta-enquire:hover{background:#c8a05a;color:#fff}
.floating-cta-whatsapp i{color:#4ee17a}

/* Persistent WhatsApp CTA uses the same website contact number. */
.persistent-whatsapp{position:fixed;z-index:1041;left:22px;bottom:22px;width:58px;height:58px;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;color:#fff!important;box-shadow:0 13px 35px rgba(17,111,56,.28);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}
.persistent-whatsapp:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 40px rgba(17,111,56,.34)}

/* Local website-data property assistant. */
.property-chat{position:fixed;z-index:1045;right:22px;bottom:22px;width:min(390px,calc(100vw - 30px));font-family:var(--sans);pointer-events:none}
.property-chat-launcher{pointer-events:auto;margin-left:auto;width:270px;min-height:76px;border:1px solid #ece7da;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 16px 46px rgba(13,43,30,.2);display:grid;grid-template-columns:54px 1fr 24px;align-items:center;gap:9px;padding:8px 12px 8px 9px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}
.property-chat-launcher:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(13,43,30,.25)}
.property-chat-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#f7ead1,#caa967);color:var(--forest);border:3px solid #fff;box-shadow:0 5px 17px rgba(21,59,47,.16)}
.property-chat-avatar i{font-size:23px}.property-chat-launcher-copy{display:flex;flex-direction:column;min-width:0}.property-chat-launcher-copy strong{font-family:var(--serif);font-size:18px;line-height:1.1;color:#222}.property-chat-launcher-copy small{font-size:10px;line-height:1.35;color:#7d837e;margin-top:4px}.property-chat-chevron{font-size:13px;color:#7f866f;transition:transform .25s ease}.property-chat.is-open .property-chat-chevron{transform:rotate(180deg)}
.property-chat-panel{pointer-events:auto;display:none;overflow:hidden;margin:0 0 10px auto;width:100%;height:min(600px,calc(100dvh - 120px));background:#fff;border:1px solid #e6e3da;border-radius:18px;box-shadow:0 24px 70px rgba(8,35,24,.26);grid-template-rows:auto 1fr auto auto auto;transform-origin:bottom right}
.property-chat.is-open .property-chat-panel{display:grid;animation:chatPanelIn .25s ease both}.property-chat.is-open .property-chat-launcher{display:none}@keyframes chatPanelIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.property-chat-header{background:linear-gradient(135deg,var(--deep),#245443);color:#fff;display:grid;grid-template-columns:48px 1fr 36px;align-items:center;gap:10px;padding:14px 14px}.property-chat-header .property-chat-avatar{width:44px;height:44px;border:2px solid rgba(255,255,255,.8)}.property-chat-header strong{display:block;font-family:var(--serif);font-size:18px;font-weight:500}.property-chat-header small{display:flex;align-items:center;gap:5px;color:#d4e3d7;font-size:9px;margin-top:3px}.property-chat-header small span{width:6px;height:6px;border-radius:50%;background:#5de482;box-shadow:0 0 0 3px rgba(93,228,130,.13)}.property-chat-header button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center}
.property-chat-messages{padding:16px 14px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#fbfaf6,#f4f2ea);scroll-behavior:smooth}.chat-message{display:flex;margin:0 0 11px}.chat-message.user{justify-content:flex-end}.chat-bubble{max-width:85%;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #e6e4dc;color:#38443c;font-size:12px;line-height:1.55;box-shadow:0 5px 15px rgba(20,53,37,.04);white-space:pre-line}.chat-message.user .chat-bubble{background:var(--forest);border-color:var(--forest);color:#fff;border-radius:14px 14px 4px 14px}.chat-time{display:block;font-size:8px;opacity:.55;margin-top:5px;text-align:right}.chat-typing .chat-bubble{display:flex;gap:4px;align-items:center}.chat-typing i{width:5px;height:5px;border-radius:50%;background:#99a29b;display:block;animation:chatDot 1s infinite ease-in-out}.chat-typing i:nth-child(2){animation-delay:.12s}.chat-typing i:nth-child(3){animation-delay:.24s}@keyframes chatDot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.property-chat-quick{padding:8px 10px 2px;display:flex;gap:6px;overflow-x:auto;background:#fff;scrollbar-width:none}.property-chat-quick::-webkit-scrollbar{display:none}.property-chat-quick button{white-space:nowrap;border:1px solid #dfe3da;background:#f8f7f2;color:var(--forest);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700}.property-chat-quick button:hover{border-color:var(--gold);background:#fff8e9}
.property-chat-form{display:grid;grid-template-columns:1fr 42px;gap:7px;padding:10px;background:#fff;border-top:1px solid #ecebe5}.property-chat-form input{min-width:0;height:42px;border:1px solid #dfe4dd;border-radius:9px;padding:0 12px;font-size:12px;outline:none;background:#fbfcfa}.property-chat-form input:focus{border-color:#b9995f;box-shadow:0 0 0 3px rgba(184,148,83,.12)}.property-chat-form button{width:42px;height:42px;border:0;border-radius:9px;background:var(--forest);color:#fff;display:grid;place-items:center}.property-chat-form button:disabled,.property-chat-form input:disabled{opacity:.55;cursor:not-allowed}.property-chat-note{padding:0 11px 10px;background:#fff;color:#929992;font-size:8px;display:flex;gap:5px;align-items:center}

/* Tablet and mobile: CTA stack becomes a compact horizontal bar above the existing dock. */
@media(max-width:1199px) and (min-width:992px){.floating-cta-rail{width:100px}.floating-cta-item{height:58px;padding:0 11px;font-size:9px}.property-chat{right:14px}.persistent-whatsapp{left:14px}}
@media(max-width:991px){
  .floating-cta-rail{top:auto;transform:none;right:8px;left:8px;bottom:74px;width:auto;display:grid;grid-template-columns:repeat(3,1fr);flex-direction:row;border-radius:10px;overflow:hidden;box-shadow:0 9px 30px rgba(8,35,24,.22);transition:opacity .2s ease,transform .2s ease}
  .floating-cta-item{height:46px;padding:0 8px;justify-content:center;font-size:9px;gap:7px;border-right:1px solid rgba(255,255,255,.13);border-bottom:0}.floating-cta-item:hover{transform:none}.floating-cta-item i{font-size:17px}.custom-wa-icon{width:19px;height:19px;flex-basis:19px}
  .persistent-whatsapp{display:none}
  .property-chat{right:10px;bottom:128px;width:min(380px,calc(100vw - 20px))}
  .property-chat-launcher{width:58px;height:58px;min-height:58px;padding:4px;border-radius:50%;display:grid;grid-template-columns:1fr;margin-left:auto}.property-chat-launcher .property-chat-avatar{width:48px;height:48px}.property-chat-launcher-copy,.property-chat-chevron{display:none}
  .property-chat-panel{height:min(610px,calc(100dvh - 148px));border-radius:15px}
  body.chat-open .floating-cta-rail{opacity:0;pointer-events:none;transform:translateY(8px)}
  .footer-main{padding-bottom:155px}
}
@media(max-width:767px){
  .connect-custom-image{object-position:center}.connect-image-badge{left:12px;bottom:12px;font-size:9px}.connect-image-badge i{width:28px;height:28px}
  .property-chat{left:8px;right:8px;bottom:126px;width:auto}.property-chat-panel{height:min(620px,calc(100dvh - 142px));margin-left:0}.property-chat-launcher{margin-left:auto}
  .property-chat-header{padding:11px 11px}.property-chat-messages{padding:13px 11px}.chat-bubble{font-size:11px;max-width:88%}.property-chat-form{padding:8px}.property-chat-note{padding:0 9px 8px}
  .floating-cta-rail{bottom:72px}.floating-cta-item span{font-size:8px}.footer-main{padding-bottom:150px}
}
@media(max-width:390px){.floating-cta-item{gap:5px;padding:0 5px}.floating-cta-item i{font-size:16px}.custom-wa-icon{width:17px;height:17px;flex-basis:17px}.floating-cta-item span{font-size:7.4px;letter-spacing:.3px}.property-chat-panel{height:calc(100dvh - 136px)}.property-chat-header strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.property-chat.is-open .property-chat-panel,.chat-typing i{animation:none!important}.connect-custom-image,.property-chat-launcher,.floating-cta-item,.persistent-whatsapp{transition:none!important}}
@media(max-width:991px){body.chat-open .property-chat{bottom:76px}}

/* ===== 23-10-2026 Premium specification showcase + gated EMI calculator ===== */
.spec-section{position:relative;padding:104px 0;background:
linear-gradient(115deg,rgba(11,47,35,.98),rgba(27,72,53,.94)),
url('../images/amenity-green.webp') center/cover no-repeat;border:0;overflow:hidden}
.spec-section:before{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(224,194,135,.15);border-radius:50%;right:-190px;top:-220px;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}
.spec-section:after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(227,196,132,.5),transparent)}
.spec-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.65fr);gap:54px;align-items:start}
.spec-intro{position:sticky;top:125px;padding:34px 34px 36px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));backdrop-filter:blur(14px);box-shadow:0 28px 70px rgba(0,0,0,.18)}
.spec-intro .eyebrow{color:#e1c58a}.spec-intro .line{background:#d7b36d}.spec-intro h2{margin:12px 0 18px}.spec-intro>p{color:#d5dfd7;font-size:13px;line-height:1.85;margin-bottom:26px}
.spec-highlights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 26px}.spec-highlights>div{padding:14px;border-radius:13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09)}.spec-highlights strong{display:block;color:#f1d69b;font-family:var(--serif);font-size:22px;font-weight:500;line-height:1.1}.spec-highlights span{display:block;color:#c8d4cb;font-size:9px;line-height:1.4;margin-top:5px}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.spec-item{position:relative;min-height:190px;padding:23px 20px 20px;border-radius:18px;background:#f7f6f0;border:1px solid rgba(255,255,255,.5);box-shadow:0 15px 35px rgba(4,26,18,.13);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.spec-item:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),#e8d19d);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.spec-item:hover{transform:translateY(-7px);background:#fff;box-shadow:0 24px 48px rgba(4,26,18,.2)}.spec-item:hover:after{transform:scaleX(1)}
.spec-count{position:absolute;top:17px;right:17px;font-family:var(--serif);font-size:11px;color:#aeb8ad;letter-spacing:1px}.spec-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#e7eee4,#fff);border:1px solid #dde6da;display:grid;place-items:center;color:var(--forest);margin-bottom:18px;box-shadow:0 8px 18px rgba(30,71,48,.08)}.spec-icon i{font-size:23px}.spec-copy strong{display:block;color:#264d3b;font-size:13px;margin-bottom:8px}.spec-copy span{display:block;color:#7a877d;font-size:10.5px;line-height:1.6}

.emi-section{position:relative;background:#f1efe9;border-top:1px solid #e4e0d6;border-bottom:1px solid #e0ddd4;overflow:hidden}.emi-section:before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(191,158,95,.11),transparent 67%);left:-170px;top:-140px}.emi-heading{text-align:center;justify-content:center!important;margin-bottom:38px}.emi-heading .eyebrow{justify-content:center}.emi-heading .display-title{margin:8px 0 10px}.emi-shell{position:relative;max-width:1220px;margin:0 auto;border:1px solid #dedbd2;border-radius:24px;background:#f8f7f3;box-shadow:0 24px 60px rgba(36,56,43,.09);overflow:hidden;min-height:520px}.emi-calculator-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:0;min-height:520px}.emi-calculator-grid[aria-hidden="true"]{filter:blur(3px);pointer-events:none;user-select:none}.emi-controls{padding:54px 52px;background:linear-gradient(160deg,#f5f3ed,#e9e7df)}.emi-control{margin-bottom:42px}.emi-control:last-child{margin-bottom:0}.emi-control-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}.emi-control-head label{font-size:12px;text-transform:uppercase;letter-spacing:.7px;font-weight:800;color:#315442}.emi-control-head output{font-family:var(--serif);font-size:22px;color:#274a39;font-weight:600;white-space:nowrap}.emi-control input[type=range]{width:100%;appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,var(--forest) var(--range-progress,10%),#d3d5cf var(--range-progress,10%));outline:0}.emi-control input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--forest);border:4px solid #f5f3ed;box-shadow:0 2px 8px rgba(19,54,36,.25);cursor:pointer}.emi-control input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:var(--forest);border:4px solid #f5f3ed;box-shadow:0 2px 8px rgba(19,54,36,.25);cursor:pointer}.emi-range-scale{display:flex;justify-content:space-between;margin-top:9px;color:#929991;font-size:9px}.emi-result-card{padding:42px 44px 34px;background:#fff;display:flex;flex-direction:column;justify-content:center}.emi-result-label{text-transform:uppercase;letter-spacing:1.3px;font-size:11px;font-weight:800;color:#526b5c}.emi-monthly{font-family:var(--serif);font-size:42px;color:#294f3d;font-weight:600;line-height:1.15;margin:7px 0 23px}.emi-monthly span{font-family:var(--sans);font-size:14px;color:#708075;margin-left:4px}.emi-donut-wrap{display:grid;place-items:center;margin:5px 0 28px}.emi-donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(var(--forest) 0 var(--principal-angle,55%),#d7a756 var(--principal-angle,55%) 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.emi-donut:before{content:'';grid-area:1/1;width:102px;height:102px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #eee}.emi-donut>div{grid-area:1/1;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f3f4ef;color:var(--forest)}.emi-donut i{font-size:18px}.emi-result-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:21px 0;border-top:1px solid #e5e4dd;border-bottom:1px solid #e5e4dd}.emi-result-split div:last-child{text-align:right}.emi-result-split span,.emi-total span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.65px;color:#738078;margin-bottom:5px}.emi-result-split strong{font-size:14px;color:#273d31}.emi-result-split .interest strong{color:#b67b33}.emi-total{text-align:center;padding-top:22px}.emi-total strong{font-family:var(--serif);font-size:27px;color:#294f3d}.emi-gate{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:24px;background:rgba(242,240,234,.82);backdrop-filter:blur(7px);transition:opacity .35s ease,visibility .35s ease}.emi-shell.unlocked .emi-gate{opacity:0;visibility:hidden;pointer-events:none}.emi-shell.unlocked .emi-calculator-grid{filter:none;pointer-events:auto;user-select:auto}.emi-gate-card{width:min(430px,100%);background:#fff;border:1px solid #e4e1d8;border-radius:22px;padding:30px 30px 25px;box-shadow:0 24px 70px rgba(31,55,40,.16);text-align:center}.emi-gate-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 16px;background:linear-gradient(145deg,#e9f0e7,#fff);border:1px solid #dce6da;display:grid;place-items:center;color:var(--forest)}.emi-gate-icon i{font-size:25px}.emi-gate-progress{display:flex;justify-content:center;gap:6px;margin-bottom:9px}.emi-gate-progress span{width:24px;height:3px;border-radius:999px;background:#d8d9d3}.emi-gate-progress span.active{background:var(--gold)}.emi-step-label{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;color:#9a835c;font-weight:800}.emi-gate-card h3{font-family:var(--serif);font-size:27px;color:#223d30;margin:8px 0 7px}.emi-gate-card>p{font-size:11px;color:#7d877f;margin-bottom:22px}.emi-gate-card form{text-align:left}.emi-gate-card label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.55px;color:#385744;margin-bottom:7px}.emi-gate-card .form-control{height:48px;border-color:#dcded7;border-radius:10px;font-size:12px;margin-bottom:8px}.emi-gate-feedback{min-height:20px;font-size:10px;color:#b34d3f;margin-bottom:6px}.emi-gate-card .btn{min-height:48px}.emi-gate-card>small{display:flex;justify-content:center;gap:6px;color:#909890;font-size:8px;margin-top:13px}

/* The fixed Enquire / Call / WhatsApp rail is desktop-only. */
@media(max-width:991px){
  .floating-cta-rail{display:none!important}
  .property-chat{bottom:76px!important}
  .footer-main{padding-bottom:95px!important}
  .spec-shell{grid-template-columns:1fr;gap:28px}.spec-intro{position:relative;top:auto}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .emi-calculator-grid{grid-template-columns:1fr}.emi-controls{padding:36px 30px}.emi-result-card{padding:34px 30px}.emi-shell{min-height:780px}
}
@media(max-width:767px){
  .spec-section{padding:72px 0}.spec-intro{padding:26px 22px}.spec-intro h2{font-size:38px}.spec-highlights{grid-template-columns:1fr 1fr}.spec-grid{gap:10px}.spec-item{min-height:165px;padding:18px 15px}.spec-icon{width:45px;height:45px;border-radius:13px;margin-bottom:13px}.spec-copy strong{font-size:12px}.spec-copy span{font-size:9.5px}.spec-count{font-size:9px}
  .emi-heading{margin-bottom:24px}.emi-heading .display-title{font-size:34px}.emi-shell{border-radius:16px;min-height:760px}.emi-controls{padding:29px 20px}.emi-control{margin-bottom:34px}.emi-control-head{align-items:center}.emi-control-head label{font-size:10px}.emi-control-head output{font-size:18px}.emi-result-card{padding:28px 20px}.emi-monthly{font-size:33px}.emi-donut{width:136px;height:136px}.emi-donut:before{width:90px;height:90px}.emi-result-split{gap:10px}.emi-result-split strong{font-size:12px}.emi-gate{padding:14px}.emi-gate-card{padding:25px 19px 21px;border-radius:17px}.emi-gate-card h3{font-size:24px}
}
@media(max-width:480px){.spec-grid{grid-template-columns:1fr}.spec-item{min-height:145px}.spec-highlights{grid-template-columns:1fr}.emi-result-split{grid-template-columns:1fr}.emi-result-split div:last-child{text-align:left}.emi-monthly span{display:block;margin:4px 0 0}.emi-shell{min-height:820px}}

/* ===== 23-10-2026 Requested refinement: original-style specifications + interaction-gated EMI ===== */
.spec-section{position:relative;padding:92px 0;background:#fff;border-top:1px solid #e8ebe3;border-bottom:1px solid #e8ebe3;overflow:visible}
.spec-section:before,.spec-section:after{display:none!important}
.spec-section .eyebrow{color:var(--forest)}
.spec-section .line{background:var(--gold)}
.spec-section .display-title{color:#173e31;margin:10px 0 18px}
.spec-section .lead-muted{max-width:390px}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.spec-item{position:relative;min-height:149px;padding:20px 15px;border-radius:10px;background:linear-gradient(145deg,#18231e,#0f1713);border:1px solid rgba(220,181,105,.22);box-shadow:0 10px 28px rgba(8,25,17,.12);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.spec-item:after{display:none!important}
.spec-item:hover{transform:translateY(-5px);background:linear-gradient(145deg,#203029,#121c17);border-color:rgba(220,181,105,.55);box-shadow:0 18px 38px rgba(8,25,17,.2)}
.spec-item>i{font-size:26px;color:#d7ad61;display:block;margin-bottom:15px}
.spec-item strong{font-size:12px;color:#fff;display:block;margin-bottom:7px;font-weight:700}
.spec-item span{font-size:10.5px;color:#d5ddd8;line-height:1.55;display:block}

/* Show the calculator first. Ask for lead details only on first interaction. */
.emi-calculator-grid{filter:none!important;pointer-events:auto!important;user-select:auto!important}
.emi-gate{opacity:0;visibility:hidden;pointer-events:none;background:rgba(242,240,234,.86);backdrop-filter:blur(7px)}
.emi-shell.gate-open .emi-gate{opacity:1;visibility:visible;pointer-events:auto}
.emi-shell.unlocked .emi-gate{opacity:0;visibility:hidden;pointer-events:none}
.emi-start-lock{position:absolute;inset:0;z-index:5;border:0;background:transparent;cursor:pointer;padding:0;margin:0}
.emi-shell.unlocked .emi-start-lock,.emi-shell.gate-open .emi-start-lock{display:none}

@media(max-width:991px){
  .spec-section{padding:72px 0}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .spec-section{padding:66px 0}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec-item{min-height:137px;padding:17px 14px}.spec-item>i{font-size:23px;margin-bottom:12px}.spec-item strong{font-size:11.5px}.spec-item span{font-size:9.5px}
}
@media(max-width:480px){.spec-grid{grid-template-columns:1fr}.spec-item{min-height:128px}}


/* ===== 23-10-2026 Luxury bento refinement for COMFORT section ===== */
.spec-section{position:relative;padding:104px 0 110px!important;background:
  radial-gradient(circle at 8% 12%,rgba(205,171,101,.09),transparent 27%),
  radial-gradient(circle at 92% 90%,rgba(41,80,59,.07),transparent 28%),
  #f6f2e9!important;border-top:1px solid #e6dfd0!important;border-bottom:1px solid #e6dfd0!important;overflow:hidden!important}
.spec-section:before{display:block!important;content:''!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(37,70,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(37,70,51,.035) 1px,transparent 1px)!important;background-size:42px 42px!important;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)!important;pointer-events:none!important}
.spec-section:after{display:block!important;content:''!important;position:absolute!important;width:380px!important;height:380px!important;border:1px solid rgba(189,151,80,.16)!important;border-radius:50%!important;right:-165px!important;top:-170px!important;box-shadow:0 0 0 55px rgba(189,151,80,.04),0 0 0 110px rgba(189,151,80,.025)!important;pointer-events:none!important}
.spec-head{position:relative;z-index:2;max-width:820px;margin:0 auto 48px}.spec-head .eyebrow{color:#9c7a3e!important;gap:12px}.spec-head .eyebrow .line{background:#b8904a!important;width:42px}.spec-head .display-title{color:#173e31!important;font-size:clamp(42px,4.6vw,68px)!important;line-height:1.06!important;margin:15px 0 18px!important;letter-spacing:-1.5px}.spec-head .display-title em{font-weight:400;color:#9b7a42}.spec-head .lead-muted{max-width:660px!important;color:#68756c!important;font-size:13px;line-height:1.85;margin-bottom:25px!important}
.spec-bento{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(184px,auto);gap:14px}
.spec-bento .spec-item{position:relative;min-height:184px!important;padding:22px 21px 20px!important;border-radius:18px!important;background:linear-gradient(145deg,#173126 0%,#0f2019 100%)!important;border:1px solid rgba(215,173,97,.24)!important;box-shadow:0 16px 34px rgba(18,47,34,.13)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease!important}
.spec-bento .spec-item:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(215,173,97,.13),transparent 42%);pointer-events:none}.spec-bento .spec-item:after{display:block!important;content:''!important;position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:3px!important;background:linear-gradient(90deg,#b8883f,#e4c17d)!important;transform:scaleX(.22)!important;transform-origin:left!important;transition:transform .32s ease!important}
.spec-bento .spec-item:hover{transform:translateY(-6px)!important;border-color:rgba(215,173,97,.55)!important;box-shadow:0 25px 52px rgba(18,47,34,.2)!important}.spec-bento .spec-item:hover:after{transform:scaleX(1)!important}
.spec-featured{grid-column:span 2!important}.spec-wide{grid-column:span 2!important}
.spec-topline{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:14px}.spec-no{font-family:var(--serif);font-size:11px;color:#d9b670;letter-spacing:1.5px}.spec-rule{height:1px;flex:1;background:linear-gradient(90deg,rgba(215,173,97,.52),transparent)}
.spec-bento .spec-icon{width:52px!important;height:52px!important;border-radius:50%!important;background:rgba(215,173,97,.095)!important;border:1px solid rgba(215,173,97,.42)!important;display:grid!important;place-items:center!important;color:#e3bd70!important;margin:0 0 17px!important;box-shadow:inset 0 0 0 6px rgba(255,255,255,.025)!important}.spec-bento .spec-icon i{font-size:23px!important}.spec-bento .spec-copy strong{display:block!important;color:#fff!important;font-size:14px!important;line-height:1.3!important;margin-bottom:8px!important;font-weight:700!important}.spec-bento .spec-copy span{display:block!important;color:#bdc8c0!important;font-size:10.5px!important;line-height:1.65!important}.spec-corner{position:absolute;right:18px;bottom:17px;width:27px;height:27px;border-radius:50%;border:1px solid rgba(215,173,97,.24);display:grid;place-items:center;color:#d6ae62;font-size:11px;opacity:.65;transition:.3s}.spec-bento .spec-item:hover .spec-corner{opacity:1;transform:rotate(45deg);background:#d7ad61;color:#173126}
.spec-featured .spec-copy strong,.spec-wide .spec-copy strong{font-size:17px!important}.spec-featured .spec-copy span,.spec-wide .spec-copy span{max-width:430px;font-size:11.5px!important}
@media(max-width:991px){.spec-section{padding:82px 0!important}.spec-head{margin-bottom:38px}.spec-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(172px,auto)}.spec-featured,.spec-wide{grid-column:span 1!important}.spec-bento .spec-item{min-height:172px!important}}
@media(max-width:767px){.spec-section{padding:70px 0 74px!important}.spec-head{text-align:left!important;margin-bottom:30px}.spec-head .eyebrow{justify-content:flex-start!important}.spec-head .eyebrow .line:last-child{display:none}.spec-head .display-title{font-size:39px!important;letter-spacing:-.7px}.spec-head .lead-muted{font-size:12px}.spec-bento{gap:10px}.spec-bento .spec-item{padding:18px 16px 17px!important;min-height:158px!important;border-radius:14px!important}.spec-bento .spec-icon{width:44px!important;height:44px!important;margin-bottom:13px!important}.spec-bento .spec-icon i{font-size:20px!important}.spec-bento .spec-copy strong{font-size:12px!important}.spec-bento .spec-copy span{font-size:9.5px!important}.spec-featured .spec-copy strong,.spec-wide .spec-copy strong{font-size:12px!important}.spec-featured .spec-copy span,.spec-wide .spec-copy span{font-size:9.5px!important}.spec-corner{display:none}}
@media(max-width:520px){.spec-bento{grid-template-columns:1fr}.spec-bento .spec-item{min-height:140px!important}.spec-head .display-title{font-size:35px!important}}


/* ===== COMFORT section: previous alignment restored, luxury palette retained ===== */
.spec-section.spec-classic{position:relative;padding:96px 0 100px!important;background:radial-gradient(circle at 8% 12%,rgba(205,171,101,.09),transparent 27%),radial-gradient(circle at 92% 90%,rgba(41,80,59,.07),transparent 28%),#f6f2e9!important;border-top:1px solid #e6dfd0!important;border-bottom:1px solid #e6dfd0!important;overflow:hidden!important}
.spec-section.spec-classic:before{display:block!important;content:''!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(37,70,51,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,70,51,.03) 1px,transparent 1px)!important;background-size:42px 42px!important;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)!important;pointer-events:none!important}
.spec-section.spec-classic:after{display:none!important}
.spec-classic .container-xl{position:relative;z-index:2}
.spec-classic-intro{position:sticky;top:120px;align-self:flex-start}
.spec-classic-intro .eyebrow{color:#9c7a3e!important;margin-bottom:15px}.spec-classic-intro .eyebrow .line{background:#b8904a!important}
.spec-classic-intro .display-title{color:#173e31!important;font-size:clamp(40px,4vw,58px)!important;line-height:1.08!important;letter-spacing:-1.2px;margin-bottom:20px!important}
.spec-classic-intro .lead-muted{color:#68756c!important;font-size:13px;line-height:1.85;max-width:410px;margin-bottom:26px}
.spec-classic-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.spec-classic-grid .spec-item{position:relative!important;min-height:164px!important;padding:22px 18px 20px!important;border-radius:14px!important;background:linear-gradient(145deg,#173126 0%,#0f2019 100%)!important;border:1px solid rgba(215,173,97,.25)!important;box-shadow:0 14px 30px rgba(18,47,34,.13)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}
.spec-classic-grid .spec-item:before{content:''!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 100% 0%,rgba(215,173,97,.12),transparent 44%)!important;pointer-events:none!important}
.spec-classic-grid .spec-item:after{content:''!important;position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:3px!important;background:linear-gradient(90deg,#b8883f,#e4c17d)!important;transform:scaleX(.28)!important;transform-origin:left!important;transition:transform .3s ease!important}
.spec-classic-grid .spec-item:hover{transform:translateY(-5px)!important;border-color:rgba(215,173,97,.55)!important;box-shadow:0 22px 42px rgba(18,47,34,.2)!important}.spec-classic-grid .spec-item:hover:after{transform:scaleX(1)!important}
.spec-classic-grid .spec-icon{position:relative;z-index:1;width:46px!important;height:46px!important;border-radius:50%!important;background:rgba(215,173,97,.10)!important;border:1px solid rgba(215,173,97,.42)!important;color:#e3bd70!important;display:grid!important;place-items:center!important;margin:0 0 15px!important;box-shadow:inset 0 0 0 5px rgba(255,255,255,.02)!important}
.spec-classic-grid .spec-icon i{font-size:21px!important;color:#e3bd70!important;margin:0!important}
.spec-classic-grid .spec-copy{position:relative;z-index:1}.spec-classic-grid .spec-copy strong{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.35!important;margin-bottom:7px!important;font-weight:700!important}.spec-classic-grid .spec-copy span{display:block!important;color:#bec9c1!important;font-size:10.5px!important;line-height:1.6!important}
@media(max-width:991px){.spec-section.spec-classic{padding:78px 0 82px!important}.spec-classic-intro{position:relative;top:auto;margin-bottom:4px}.spec-classic-intro .display-title{font-size:44px!important}.spec-classic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.spec-classic-grid .spec-item{min-height:154px!important}}
@media(max-width:767px){.spec-section.spec-classic{padding:66px 0 70px!important}.spec-classic-intro .display-title{font-size:37px!important}.spec-classic-intro .lead-muted{font-size:12px}.spec-classic-grid{gap:10px!important}.spec-classic-grid .spec-item{padding:18px 15px 17px!important;min-height:145px!important}.spec-classic-grid .spec-icon{width:42px!important;height:42px!important;margin-bottom:12px!important}.spec-classic-grid .spec-icon i{font-size:19px!important}.spec-classic-grid .spec-copy strong{font-size:12px!important}.spec-classic-grid .spec-copy span{font-size:9.5px!important}}
@media(max-width:520px){.spec-classic-grid{grid-template-columns:1fr!important}.spec-classic-grid .spec-item{min-height:132px!important}.spec-classic-intro .display-title{font-size:34px!important}}


/* ===== Final requested refinements: simple EMI typography + centered 4-card specifications ===== */
/* EMI calculator uses the same simple sans-serif family as the header navigation. */
.emi-section,.emi-section *{font-family:var(--sans)!important}
.emi-heading .display-title,.emi-control-head output,.emi-monthly,.emi-total strong,.emi-gate-card h3{font-family:var(--sans)!important}
.emi-heading .display-title{font-weight:700;letter-spacing:-.55px}
.emi-monthly,.emi-total strong{font-weight:700;letter-spacing:-.35px}

/* Keep the approved luxury palette, only restore a cleaner centered format. */
.spec-section.spec-centered{padding:92px 0 98px!important}
.spec-centered .container-xl{position:relative;z-index:2}
.spec-centered-head{max-width:790px;margin:0 auto 42px}
.spec-centered-head .eyebrow{color:#9c7a3e!important;margin-bottom:14px}
.spec-centered-head .eyebrow .line{background:#b8904a!important}
.spec-centered-head .display-title{color:#173e31!important;font-size:clamp(40px,4vw,58px)!important;line-height:1.1!important;letter-spacing:-1px;margin:0 0 17px!important}
.spec-centered-head .lead-muted{max-width:700px!important;color:#68756c!important;font-size:13px;line-height:1.85;margin-bottom:0!important}
.spec-four-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.spec-four-grid .spec-item{min-height:164px!important}
@media(max-width:991px){
  .spec-section.spec-centered{padding:76px 0 80px!important}
  .spec-centered-head{margin-bottom:34px}
  .spec-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .spec-section.spec-centered{padding:64px 0 68px!important}
  .spec-centered-head{margin-bottom:28px;padding:0 6px}
  .spec-centered-head .display-title{font-size:36px!important}
  .spec-centered-head .lead-muted{font-size:12px}
  .spec-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
@media(max-width:520px){
  .spec-four-grid{grid-template-columns:1fr!important}
  .spec-centered-head .display-title{font-size:33px!important}
}

/* ===== 24-10-2026 Mobile spacing + 2-column comfort + compact footer ===== */
@media (max-width:767px){
  /* Consistent mobile breathing room across the whole site. */
  .container-xl{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .section .container-xl,
  .stats-band .container-xl,
  .dark-cta>.container-xl,
  .footer-main>.container-xl{
    width:100%!important;
    max-width:100%!important;
  }
  .section-heading,
  .spec-centered-head,
  .emi-head{
    padding-left:0!important;
    padding-right:0!important;
  }
  .horizontal-track{
    scroll-padding-left:0!important;
  }

  /* Comfort cards: always two cards per row on mobile. */
  .spec-four-grid,
  .spec-classic-grid.spec-four-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .spec-four-grid .spec-item,
  .spec-classic-grid.spec-four-grid .spec-item{
    min-width:0!important;
    min-height:148px!important;
    padding:17px 13px 15px!important;
    border-radius:13px!important;
  }
  .spec-four-grid .spec-icon{
    width:40px!important;
    height:40px!important;
    margin-bottom:11px!important;
  }
  .spec-four-grid .spec-icon i{font-size:18px!important}
  .spec-four-grid .spec-copy strong{
    font-size:11.5px!important;
    line-height:1.28!important;
  }
  .spec-four-grid .spec-copy span{
    font-size:9px!important;
    line-height:1.45!important;
  }

  /* Compact mobile footer: brand / Explore+Reach Us / CTA. */
  .footer-main{
    padding-top:38px!important;
    padding-bottom:34px!important;
  }
  .footer-main .row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px 18px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .footer-main .row>[class*="col-"]{
    width:auto!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-top:0!important;
  }
  .footer-main .row>div:nth-child(1),
  .footer-main .row>div:nth-child(4){
    grid-column:1 / -1!important;
  }
  .footer-logo{
    width:138px!important;
    height:66px!important;
  }
  .footer-main p{
    font-size:11px!important;
    line-height:1.65!important;
    margin-top:10px!important;
    max-width:100%!important;
  }
  .footer-rera{font-size:9px!important}
  .footer-label{
    margin:0 0 12px!important;
    font-size:9px!important;
    letter-spacing:1.5px!important;
  }
  .footer-main a:not(.btn){
    font-size:10.5px!important;
    margin:7px 0!important;
    line-height:1.45!important;
    overflow-wrap:anywhere;
  }
  .footer-main h4{
    font-size:21px!important;
    margin:0 0 10px!important;
  }
  .footer-main .btn{
    min-height:42px!important;
    padding:10px 15px!important;
    font-size:10px!important;
  }
  .footer-bottom{
    margin-top:26px!important;
    padding-top:14px!important;
    gap:5px!important;
    font-size:8.5px!important;
    line-height:1.5!important;
  }
}

@media (max-width:390px){
  .container-xl{padding-left:16px!important;padding-right:16px!important}
  .spec-four-grid,.spec-classic-grid.spec-four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .spec-four-grid .spec-item,.spec-classic-grid.spec-four-grid .spec-item{min-height:142px!important;padding:15px 11px 14px!important}
  .spec-four-grid .spec-copy strong{font-size:10.8px!important}
  .spec-four-grid .spec-copy span{font-size:8.6px!important}
  .footer-main .row{gap:21px 14px!important}
}


/* ===== 24-10-2026 Mobile navigation: LEFT slide drawer only ===== */
@media (max-width:991.98px){
  /* Keep the sticky header visible while the menu becomes an off-canvas drawer. */
  #mainNav.navbar-collapse{
    display:block!important;
    position:fixed!important;
    z-index:1105!important;
    top:76px!important;
    left:0!important;
    right:auto!important;
    width:min(84vw,340px)!important;
    height:calc(100dvh - 76px)!important;
    margin:0!important;
    padding:24px 20px 28px!important;
    background:#fff!important;
    border-right:1px solid rgba(23,62,49,.10)!important;
    box-shadow:18px 0 42px rgba(7,31,21,.14)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    transform:translate3d(-105%,0,0)!important;
    visibility:hidden;
    opacity:1!important;
    transition:transform .34s cubic-bezier(.22,.78,.24,1),visibility .34s step-end!important;
  }
  #mainNav.navbar-collapse.show,
  #mainNav.navbar-collapse.collapsing{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    transition:transform .34s cubic-bezier(.22,.78,.24,1),visibility 0s step-start!important;
  }
  #mainNav.navbar-collapse.collapsing{
    height:calc(100dvh - 76px)!important;
  }
  #mainNav .navbar-nav{
    width:100%;
    margin:0!important;
    gap:2px!important;
  }
  #mainNav .nav-link{
    display:flex;
    align-items:center;
    min-height:48px;
    padding:12px 4px!important;
    border-bottom:1px solid rgba(23,62,49,.08);
    font-size:13px;
  }
  #mainNav .header-actions{
    width:100%;
    margin-top:22px!important;
  }
  #mainNav .header-actions .btn{
    width:100%;
    justify-content:center;
  }
  body.mobile-nav-open{overflow:hidden;touch-action:none}
  body.mobile-nav-open:before{
    content:'';
    position:fixed;
    z-index:1090;
    top:76px;
    left:0;
    right:0;
    bottom:0;
    background:rgba(5,22,15,.42);
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    pointer-events:none;
    animation:mobileNavFade .25s ease both;
  }
  @keyframes mobileNavFade{from{opacity:0}to{opacity:1}}
}
@media (max-width:767px){
  #mainNav.navbar-collapse{top:60px!important;height:calc(100dvh - 60px)!important;width:min(86vw,325px)!important;padding:20px 18px 26px!important}
  #mainNav.navbar-collapse.collapsing{height:calc(100dvh - 60px)!important}
  body.mobile-nav-open:before{top:60px}
}
@media (prefers-reduced-motion:reduce){
  #mainNav.navbar-collapse{transition:none!important}
  body.mobile-nav-open:before{animation:none!important}
}

/* 24-10-2026 mobile drawer clarity fix: no blur on the drawer itself. */
@media (max-width:991.98px){
  .site-header{z-index:1110!important}
  #mainNav,#mainNav *{filter:none!important;-webkit-filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}
  #mainNav{opacity:1!important;isolation:isolate}
  #mainNav .nav-link,#mainNav .btn{opacity:1!important}
}