:root{--green-950:#0b2b22;--green-900:#103b2f;--green-800:#155442;--green-700:#1d7057;--green-600:#258a67;--lime:#d9ec55;--cream:#f5f3e9;--white:#fff;--ink:#14201c;--muted:#68736e;--line:#dfe5df;--shadow:0 22px 60px rgba(16,59,47,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fbfcf8;overflow-x:hidden}h1,h2,h3,h4,.brand-copy strong{font-family:"Manrope",sans-serif}h2{font-size:clamp(2rem,4vw,3.35rem);font-weight:800;letter-spacing:-.055em;line-height:1.08}h2 em,h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green-700)}a{text-decoration:none}img{max-width:100%}.section-space{padding:110px 0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green-700);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.eyebrow>span{display:inline-block;width:28px;height:2px;background:var(--lime)}.eyebrow.light{color:#dcebdc}.section-heading{max-width:760px;margin-bottom:48px}.section-heading p,.section-intro{color:var(--muted);font-size:1.05rem;line-height:1.75}.btn{border-radius:12px;font-weight:700}.btn-brand{background:var(--green-700);border-color:var(--green-700);color:#fff;box-shadow:0 10px 28px rgba(29,112,87,.2)}.btn-brand:hover,.btn-brand:focus{background:var(--green-900);border-color:var(--green-900);color:#fff;transform:translateY(-2px)}
.navbar{padding:18px 0;transition:.3s;background:transparent}.navbar.scrolled{padding:10px 0;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(16,59,47,.08)}.navbar-brand,.footer-brand{display:flex;align-items:center;color:var(--green-950)}.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;filter:drop-shadow(0 7px 13px rgba(16,59,47,.16))}.brand-mark img{display:block;width:44px;height:44px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:.97rem;letter-spacing:-.035em}.brand-copy small{text-transform:uppercase;letter-spacing:.2em;font-size:.52rem;margin-top:5px;color:var(--muted);font-weight:700}.brand-copy small b{color:var(--green-600);font-weight:800}.navbar .nav-link{color:#33423c;font-size:.91rem;font-weight:600;padding:8px 12px!important;position:relative}.navbar .nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--green-700);transform:scaleX(0);transition:.25s}.navbar .nav-link:hover:after,.navbar .nav-link.active:after{transform:scaleX(1)}
.hero{min-height:790px;padding:140px 0 80px;display:flex;align-items:center;position:relative;background:linear-gradient(120deg,#f5f8ec 0%,#f9fbf4 46%,#eaf2df 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(29,112,87,.12) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,#000,transparent 45%);opacity:.5}.hero-orb{position:absolute;border-radius:50%;filter:blur(4px)}.orb-one{width:360px;height:360px;background:rgba(217,236,85,.18);top:-130px;left:-100px}.orb-two{width:420px;height:420px;background:rgba(77,150,118,.1);bottom:-180px;right:-100px}.hero h1{font-size:clamp(3rem,5.5vw,5rem);font-weight:800;letter-spacing:-.072em;line-height:.99;margin-bottom:25px;max-width:660px}.hero h1 em{display:block}.hero-lead{font-size:1.08rem;line-height:1.8;color:#5c6964;max-width:580px}.hero-actions{margin:32px 0 44px}.hero-actions .btn{padding:15px 22px}.btn-play{background:transparent;border:1px solid #cbd5ce;color:var(--ink)}.btn-play i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--green-700);margin-right:6px}.btn-play:hover{border-color:var(--green-700);color:var(--green-700);background:#fff}.hero-points{display:flex;gap:30px;flex-wrap:wrap}.hero-points>div{display:flex;align-items:center;gap:10px}.hero-points i{font-size:1.3rem;color:var(--green-700)}.hero-points span{display:flex;flex-direction:column;color:var(--muted);font-size:.72rem}.hero-points strong{color:var(--ink);font-size:.9rem}.hero-visual{position:relative;max-width:580px;margin-left:auto}.hero-image-wrap{position:relative;border-radius:220px 220px 28px 28px;overflow:hidden;height:590px;box-shadow:var(--shadow);border:7px solid rgba(255,255,255,.7)}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.image-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(9,42,32,.7),transparent 40%)}.hero-image-caption{position:absolute;left:36px;bottom:32px;color:#fff;display:flex;flex-direction:column}.hero-image-caption span{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.hero-image-caption strong{font-family:"Manrope",sans-serif;font-size:1.9rem}.floating-card{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:15px;padding:12px 15px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 45px rgba(13,54,40,.2);z-index:2}.floating-card span{display:flex;flex-direction:column}.floating-card small{text-transform:uppercase;font-size:.6rem;letter-spacing:.1em;color:var(--muted)}.floating-card strong{font-size:.88rem}.promo-float{left:-34px;top:108px}.promo-float .float-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:var(--lime);color:var(--green-900);font-size:1.05rem}.location-float{right:-23px;bottom:95px}.location-float>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--green-700);color:#fff}.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:39px;height:39px;border:1px solid rgba(16,59,47,.2);border-radius:50%;display:grid;place-items:center;color:var(--green-800);animation:bounce 2s infinite}@keyframes bounce{50%{transform:translate(-50%,7px)}}
.trust-strip{background:var(--green-950);color:#fff}.trust-item{padding:30px 10px;display:flex;justify-content:center;align-items:baseline;gap:10px;border-right:1px solid rgba(255,255,255,.11)}.trust-item:last-child{border:0}.trust-item strong{font:800 1.8rem "Manrope",sans-serif;color:var(--lime)}.trust-item span{font-size:.78rem;color:#c4d4ce}
.filter-bar{display:flex;justify-content:center;gap:8px;margin-bottom:38px;flex-wrap:wrap}.filter-btn{border:1px solid var(--line);background:#fff;color:#59665f;border-radius:50px;padding:10px 18px;font-weight:700;font-size:.83rem;transition:.25s}.filter-btn:hover,.filter-btn.active{background:var(--green-800);border-color:var(--green-800);color:#fff}.property-card{height:100%;border:1px solid #e4e9e3;background:#fff;border-radius:20px;overflow:hidden;transition:.35s;position:relative}.property-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:transparent}.property-media{height:255px;position:relative;overflow:hidden;background:#dce7df}.property-media img{width:100%;height:100%;object-fit:cover;transition:.6s}.property-card:hover .property-media img{transform:scale(1.045)}.property-badge{position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.93);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green-800)}.property-status{position:absolute;right:16px;top:16px;padding:7px 10px;border-radius:8px;background:var(--lime);font-size:.67rem;font-weight:800;text-transform:uppercase}.property-status.sold{background:#2a302d;color:#fff}.property-gallery-btn{position:absolute;right:15px;bottom:15px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--green-800);box-shadow:0 6px 20px rgba(0,0,0,.15)}.property-body{padding:24px}.property-title{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:18px}.property-title h3{font-size:1.35rem;font-weight:800;margin:0;letter-spacing:-.035em}.property-title span{display:block;color:var(--muted);font-size:.77rem;margin-top:4px}.property-type{font:800 1.02rem "Manrope",sans-serif;color:var(--green-700);white-space:nowrap}.specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;padding:16px 0;margin-bottom:19px;row-gap:14px}.spec{display:flex;align-items:center;gap:7px}.spec i{font-size:1rem;color:var(--green-700)}.spec span{font-size:.68rem;color:var(--muted);display:flex;flex-direction:column}.spec strong{font-size:.8rem;color:var(--ink)}.property-footer{display:flex;align-items:center;justify-content:space-between}.property-footer span{font-size:.7rem;color:var(--muted)}.property-footer span strong{display:block;color:var(--green-800);font-size:.85rem}.property-footer a{font-size:.78rem;font-weight:800;color:var(--green-700)}.property-item.hide{display:none}.empty-note{text-align:center;color:var(--muted)}
.promo-section{padding-top:30px}.promo-panel{border-radius:30px;overflow:hidden;background:var(--green-900);color:#fff;box-shadow:var(--shadow)}.promo-image-col{height:610px;position:relative;overflow:hidden}.promo-image-col img{width:100%;height:100%;object-fit:cover}.promo-image-col:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 65%,var(--green-900))}.promo-pill{position:absolute;top:25px;left:25px;z-index:1;border-radius:30px;padding:10px 14px;background:rgba(16,59,47,.84);backdrop-filter:blur(8px);font-size:.74rem;font-weight:700}.promo-copy{padding:60px 65px}.promo-copy h2{color:#fff}.promo-copy h2 em{color:var(--lime)}.promo-highlight{border-left:3px solid var(--lime);padding-left:20px;margin:30px 0;display:flex;flex-direction:column}.promo-highlight small{text-transform:uppercase;letter-spacing:.13em;color:#bed0c8}.promo-highlight strong{font:800 clamp(2.5rem,5vw,4.5rem) "Manrope",sans-serif;line-height:1;color:var(--lime);letter-spacing:-.06em}.promo-highlight span{font-size:.82rem;margin-top:7px}.promo-copy>p{color:#bfd0c8;line-height:1.8}.promo-copy .btn{margin-top:13px;padding:14px 20px;color:var(--green-900)}.promo-note{display:block;color:#91aa9f;margin-top:18px}
.facilities-section{background:#f1f5ee}.facilities-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:255px 210px;gap:15px}.facility-card{position:relative;border-radius:18px;overflow:hidden;background:#fff;min-height:180px}.facility-large{grid-column:span 2;grid-row:span 2}.facility-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.facility-card:hover img{transform:scale(1.05)}.facility-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,34,25,.8),transparent 65%)}.facility-content{position:absolute;left:22px;bottom:20px;color:#fff}.facility-content>i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--lime);color:var(--green-900);margin-bottom:11px}.facility-content span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.facility-content h3{font-size:1.05rem;margin:0}.facility-large .facility-content{left:30px;bottom:28px}.facility-large .facility-content h3{font-size:1.65rem}.facility-text-card{padding:25px;display:flex;align-items:center;gap:14px;border:1px solid var(--line)}.facility-mini-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;border-radius:13px;background:#e8f0dd;color:var(--green-700);font-size:1.3rem}.facility-text-card span{font-size:.65rem;color:var(--muted);text-transform:uppercase}.facility-text-card h3{font-size:1rem;margin:3px 0 0}.corner-arrow{position:absolute;right:17px;top:17px;color:var(--green-700)}
.calculator-section{background:linear-gradient(135deg,var(--green-950),#174d3b);color:#fff}.calc-wrap h2{color:#fff}.calc-wrap p{color:#b9ccc4;line-height:1.8}.calc-disclaimer{display:flex;gap:9px;color:#9eb6ac;font-size:.78rem}.calc-card{background:#fff;color:var(--ink);padding:32px;border-radius:22px;box-shadow:0 25px 60px rgba(0,0,0,.18)}.calc-card .form-label{font-size:.75rem;font-weight:800;color:#59665f}.calc-card .form-control,.calc-card .form-select,.calc-card .input-group-text{border-color:#dde4df;min-height:47px;font-weight:600}.calc-card .form-control:focus,.calc-card .form-select:focus{border-color:var(--green-600);box-shadow:0 0 0 .2rem rgba(37,138,103,.1)}.calc-result{margin-top:25px;padding:20px 22px;border-radius:15px;background:#edf5e6;display:flex;flex-direction:column}.calc-result span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green-700);font-weight:800}.calc-result strong{font:800 1.75rem "Manrope",sans-serif;color:var(--green-900);letter-spacing:-.04em}.calc-result small{color:var(--muted);margin-top:3px}
.contact-section{background:#fbfcf8}.contact-panel{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.contact-copy{padding:55px;background:var(--green-900);color:#fff}.contact-copy h2{font-size:2.7rem;color:#fff}.contact-copy>p{color:#b9ccc4;line-height:1.7}.agent-card{display:flex;align-items:center;gap:14px;padding:16px 0 24px;margin-top:22px}.agent-card img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid rgba(255,255,255,.25)}.agent-card div{display:flex;flex-direction:column}.agent-card span{text-transform:uppercase;font-size:.62rem;letter-spacing:.12em;color:#9fb6ac}.agent-card strong{font-size:1rem}.agent-card small{font-size:.72rem;color:#c4d5cd}.btn-whatsapp{background:#25d366;border-color:#25d366;color:#092b1e;padding:13px}.btn-whatsapp:hover{background:#50e184;border-color:#50e184;color:#092b1e}.contact-details{padding:58px}.contact-item{display:flex;gap:13px}.contact-item>i{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:#eaf2e4;color:var(--green-700)}.contact-item div{display:flex;flex-direction:column}.contact-item span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.contact-item strong,.contact-item a{font-size:.84rem;color:var(--ink);line-height:1.55}.contact-item a:hover{color:var(--green-700)}.visit-box{margin-top:40px;border-radius:16px;background:#f1f5ee;padding:20px;display:flex;align-items:center;gap:15px}.visit-box>div{width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:var(--lime);color:var(--green-900);font-size:1.25rem}.visit-box span{display:flex;flex-direction:column;flex:1;color:var(--muted);font-size:.76rem}.visit-box strong{color:var(--ink);font-size:.91rem;margin-bottom:3px}.visit-box>a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--green-800);color:#fff}
footer{background:#071f18;color:#aac0b6;padding:45px 0 22px}.footer-main{display:flex;align-items:center;gap:32px;padding-bottom:34px}.footer-brand{color:#fff}.footer-brand .brand-copy small{color:#89a298}.footer-main p{margin:0 auto 0 0;font-size:.85rem}.footer-social{display:flex;gap:8px}.footer-social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#c2d2cb}.footer-social a:hover{background:var(--lime);color:var(--green-950)}.footer-bottom{padding-top:21px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:.7rem;color:#728e82}.whatsapp-float{position:fixed;right:25px;bottom:24px;z-index:20;background:#25d366;color:#083b25;border-radius:40px;padding:11px 17px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:.78rem;box-shadow:0 12px 35px rgba(17,94,54,.3)}.whatsapp-float i{font-size:1.2rem}.whatsapp-float:hover{color:#083b25;transform:translateY(-3px)}.back-top{position:fixed;right:25px;bottom:84px;width:40px;height:40px;border:0;border-radius:50%;background:var(--green-900);color:#fff;z-index:19;opacity:0;visibility:hidden;transition:.25s}.back-top.show{opacity:1;visibility:visible}.gallery-modal .modal-content{border:0;border-radius:22px;overflow:hidden;background:#071f18}.gallery-modal .btn-close{position:absolute;right:18px;top:18px;z-index:3;background-color:#fff;border-radius:50%;padding:10px;opacity:.9}.gallery-modal img{width:100%;max-height:82vh;object-fit:contain;display:block}.gallery-caption{position:absolute;left:0;right:0;bottom:0;padding:50px 30px 25px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff}.gallery-caption span{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.gallery-caption h3{margin:3px 0 0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:991.98px){.navbar{background:rgba(255,255,255,.96);padding:10px 0}.navbar-collapse{padding:18px 0}.navbar .btn-brand{margin-top:10px}.hero{padding-top:130px}.hero-visual{margin:20px auto 0}.hero-image-wrap{height:550px}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.facilities-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:300px 220px 180px}.facility-large{grid-column:span 2}.promo-image-col{height:500px}.promo-image-col:after{background:linear-gradient(to bottom,transparent 70%,var(--green-900))}.contact-copy,.contact-details{padding:45px}.section-space{padding:85px 0}}
@media(max-width:767.98px){h2{font-size:2.25rem}.hero{min-height:auto;padding:115px 0 75px}.hero h1{font-size:3.05rem}.hero-image-wrap{height:455px;border-radius:150px 150px 24px 24px}.promo-float{left:-5px;top:65px}.location-float{right:-5px}.hero-points{gap:17px}.property-media{height:240px}.section-space{padding:70px 0}.promo-image-col{height:360px}.promo-copy{padding:40px 27px}.facilities-grid{display:flex;flex-direction:column}.facility-card{height:230px}.facility-large{height:330px}.facility-text-card{height:110px}.calc-card{padding:22px}.contact-copy,.contact-details{padding:36px 25px}.contact-copy h2{font-size:2.2rem}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-main p{margin:0}.footer-bottom{gap:8px}.whatsapp-float{right:15px;bottom:15px}.whatsapp-float span{display:none}.whatsapp-float{width:50px;height:50px;padding:0;justify-content:center}.back-top{right:20px;bottom:76px}.trust-item{flex-direction:column;align-items:center;gap:0}.trust-item strong{font-size:1.45rem}.scroll-cue{display:none}}
@media(max-width:430px){.hero h1{font-size:2.65rem}.hero-image-wrap{height:390px}.floating-card{padding:10px}.hero-actions .btn{width:100%}.filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.filter-btn{white-space:nowrap}.property-media{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Official brand asset and the expanded facilities gallery */
.navbar{padding:10px 0}.navbar.scrolled{padding:6px 0}.brand-mark{width:64px;height:64px;flex:0 0 64px;border-radius:13px;overflow:hidden;background:#fff;filter:none;box-shadow:0 7px 18px rgba(16,59,47,.14)}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.footer-brand .brand-mark{width:72px;height:72px;flex-basis:72px}.facilities-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,225px)}
@media(max-width:991.98px){.navbar{padding:6px 0}.facilities-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:300px 220px 220px 220px}}
@media(max-width:767.98px){.facilities-grid{display:flex;flex-direction:column}.facility-card{height:230px}.facility-large{height:330px}}

/* Balanced property types and scrollable unit detail */
.property-grid{justify-content:center}.property-title-button,.unit-detail-link{appearance:none;border:0;background:none;padding:0;color:inherit;font:inherit;text-align:left}.property-title-button:hover,.unit-detail-link:hover{color:var(--green-700)}.unit-detail-link{font-size:.78rem;font-weight:800;color:var(--green-700);white-space:nowrap}.unit-modal .modal-dialog{max-width:1180px}.unit-modal .modal-content{border:0;border-radius:26px;overflow:hidden;box-shadow:0 28px 80px rgba(5,35,26,.28);max-height:90vh}.unit-modal .modal-body{overflow:hidden}.unit-modal-close{position:absolute;right:18px;top:18px;z-index:8;width:38px;height:38px;padding:10px;border-radius:50%;background-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:1}.unit-gallery-wrap{position:relative;background:var(--green-950)}.unit-gallery-scroll{height:min(82vh,780px);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:var(--lime) rgba(255,255,255,.15)}.unit-gallery-item{height:100%;min-height:100%;position:relative;scroll-snap-align:start;display:grid;place-items:center}.unit-gallery-item img{width:100%;height:100%;object-fit:contain;background:#09291f}.unit-gallery-count{position:absolute;left:22px;top:22px;padding:7px 11px;border-radius:30px;background:rgba(7,31,24,.72);backdrop-filter:blur(8px);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.08em}.gallery-scroll-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;padding:9px 13px;border-radius:30px;background:rgba(255,255,255,.92);color:var(--green-900);font-size:.69rem;font-weight:800;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.15)}.unit-detail{height:min(82vh,780px);overflow-y:auto;padding:56px 46px 42px;background:#fff}.unit-cluster-label{display:inline-flex;padding:7px 10px;border-radius:7px;background:#eaf2e4;color:var(--green-700);font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:18px}.unit-detail h2{font-size:2.7rem;margin-bottom:2px}.unit-type-label{font:800 1.05rem "Manrope",sans-serif;color:var(--green-700);margin-bottom:22px}.unit-detail>p{color:var(--muted);font-size:.93rem;line-height:1.75}.unit-modal-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:25px 0}.unit-modal-spec{padding:13px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px}.unit-modal-spec i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef4e9;color:var(--green-700)}.unit-modal-spec span{display:flex;flex-direction:column;color:var(--muted);font-size:.65rem}.unit-modal-spec strong{color:var(--ink);font-size:.82rem}.unit-availability{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-bottom:17px;border-top:1px solid var(--line)}.unit-availability span{font-size:.75rem;color:var(--muted)}.unit-availability strong{font-size:.78rem;padding:6px 10px;border-radius:30px;background:var(--lime);color:var(--green-950)}.unit-note{display:block;margin-top:13px;color:#8a948f;line-height:1.5;text-align:center}
@media(max-width:991.98px){.unit-modal .modal-content{max-height:94vh}.unit-modal .modal-body{overflow-y:auto}.unit-gallery-scroll{height:52vh}.unit-detail{height:auto;overflow:visible;padding:38px 28px}.unit-detail h2{font-size:2.2rem}}
@media(max-width:575.98px){.unit-modal .modal-dialog{margin:10px}.unit-modal .modal-content{border-radius:19px}.unit-gallery-scroll{height:44vh}.gallery-scroll-hint{font-size:.6rem}.unit-modal-specs{grid-template-columns:1fr 1fr}.unit-detail{padding:32px 20px}.property-footer{gap:12px}}

/* Full property image and card-wide detail interaction */
.property-card{cursor:pointer}.property-card:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.property-media{height:auto;aspect-ratio:1/1}.property-media img{object-fit:contain;object-position:center;background:#edf2ec}.property-gallery-btn{display:grid;place-items:center;pointer-events:none}.property-card:hover .unit-detail-link i{transform:translateX(4px)}.unit-detail-link i{display:inline-block;transition:transform .25s}
@media(max-width:767.98px){.property-media{height:auto;aspect-ratio:1/1}}

.promo-heading{margin-bottom:42px}.promo-heading h2{max-width:720px;margin-left:auto;margin-right:auto}.promo-heading p{max-width:670px;margin:18px auto 0}

/* Campaign banners and crawlable SEO content */
.campaign-banner{padding:22px 0;background:#f1f5ee}.campaign-banner-first{padding-top:42px;background:#fff}.campaign-banner a{display:block;border-radius:20px;overflow:hidden;box-shadow:0 16px 42px rgba(10,58,43,.13)}.campaign-banner img{display:block;width:100%;height:auto;transition:transform .4s ease}.campaign-banner a:hover img{transform:scale(1.01)}.campaign-banner-map{padding-bottom:65px}.seo-intro{background:#fbfcf8}.seo-intro-panel{padding:52px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(15,58,45,.08)}.seo-intro-panel h2{max-width:850px;margin-bottom:28px}.seo-intro-panel p{color:var(--muted);line-height:1.85}.seo-cluster-links{display:grid;gap:10px}.seo-cluster-links a{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-weight:800;background:#f8faf6;transition:.25s}.seo-cluster-links a:hover{background:var(--green-800);border-color:var(--green-800);color:#fff;transform:translateX(4px)}
@media(max-width:767.98px){.campaign-banner{padding:14px 0}.campaign-banner .container{padding-left:12px;padding-right:12px}.campaign-banner a{border-radius:12px}.campaign-banner-map{padding-bottom:42px}.seo-intro-panel{padding:32px 22px}.seo-intro-panel h2{font-size:2rem}}

/* Static cluster and unit detail pages */
.detail-page{background:#f7f9f5}.detail-page .navbar{background:rgba(255,255,255,.97);box-shadow:0 8px 28px rgba(14,55,43,.08)}.detail-page main{padding-top:84px}.detail-hero{padding:68px 0 58px;background:linear-gradient(135deg,#edf5e7 0%,#fbfcf8 55%,#e1efe8 100%);overflow:hidden}.detail-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px;color:var(--muted);font-size:.76rem}.detail-breadcrumb a{color:var(--green-700);font-weight:800}.detail-breadcrumb i{font-size:.65rem}.detail-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;margin-bottom:16px;border-radius:30px;background:#dff0d0;color:var(--green-800);font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.detail-hero h1{font-size:clamp(2.7rem,6vw,5rem);max-width:850px;margin-bottom:20px}.detail-hero h1 em{color:var(--green-600)}.detail-lead{max-width:760px;color:var(--muted);font-size:1.08rem;line-height:1.85}.detail-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.detail-hero-image{position:relative;height:470px;border-radius:26px;overflow:hidden;box-shadow:0 24px 65px rgba(8,49,37,.2);background:#e3ebe5}.detail-hero-image img{width:100%;height:100%;object-fit:cover}.detail-status{position:absolute;top:18px;left:18px;padding:8px 12px;border-radius:30px;background:var(--lime);color:var(--green-950);font-size:.72rem;font-weight:800}.detail-content{padding:72px 0}.detail-copy{padding:38px;border-radius:22px;background:#fff;border:1px solid var(--line)}.detail-copy h2{font-size:2rem;margin-bottom:18px}.detail-copy p{color:var(--muted);line-height:1.85}.detail-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.detail-spec{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff}.detail-spec i{display:block;color:var(--green-700);font-size:1.25rem;margin-bottom:10px}.detail-spec span{display:block;color:var(--muted);font-size:.69rem}.detail-spec strong{display:block;color:var(--ink);font-size:.95rem;margin-top:2px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.detail-gallery figure{margin:0;border-radius:19px;overflow:hidden;background:#e5ece7}.detail-gallery img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.detail-gallery figcaption{padding:12px 16px;background:#fff;color:var(--muted);font-size:.75rem}.detail-sidebar{position:sticky;top:110px;padding:30px;border-radius:22px;background:var(--green-900);color:#fff}.detail-sidebar h2{font-size:1.7rem;color:#fff}.detail-sidebar p{color:#bdd0c7;line-height:1.7}.detail-sidebar .btn{margin-top:8px}.detail-note{display:block;color:#93aaa0;font-size:.7rem;margin-top:14px}.unit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.unit-list-card{display:block;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--ink);transition:.3s}.unit-list-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);color:var(--ink)}.unit-list-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#edf2ec}.unit-list-copy{padding:22px}.unit-list-copy small{color:var(--green-700);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.unit-list-copy h2{font-size:1.55rem;margin:5px 0}.unit-list-copy p{margin:0;color:var(--muted);font-size:.82rem}.detail-related{padding:0 0 72px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{padding:10px 14px;border:1px solid var(--line);border-radius:30px;background:#fff;color:var(--green-800);font-weight:800;font-size:.78rem}.related-links a:hover{background:var(--green-800);color:#fff}.detail-footer{margin-top:0}.detail-page .footer-brand{display:flex;align-items:center;gap:14px;color:#fff;font-weight:800}.detail-page .footer-main p{margin-left:0}.detail-page .footer-main{justify-content:space-between}
@media(max-width:991.98px){.detail-page main{padding-top:76px}.detail-hero-image{height:420px;margin-top:20px}.detail-sidebar{position:static;margin-top:24px}.detail-specs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575.98px){.detail-hero{padding:44px 0}.detail-hero h1{font-size:2.65rem}.detail-hero-image{height:330px;border-radius:18px}.detail-content{padding:50px 0}.detail-copy{padding:26px 20px}.detail-specs{grid-template-columns:1fr 1fr}.detail-gallery,.unit-list{grid-template-columns:1fr}.detail-sidebar{padding:25px 20px}}

/* The original Savana folders contain Monteverde artwork; show the supplied Savana campaign assets instead. */
.detail-page img[src*="Cluster Savana Hills/Vista"],.detail-page img[src*="Cluster Savana Hills/Alta"]{content:url("images/iklan2.jpeg")}.detail-page .detail-gallery figure:nth-child(2) img[src*="Cluster Savana Hills"]{content:url("images/iklan1.png")}