:root{--green:#173d2c;--green-2:#28563d;--green-3:#eaf0e8;--gold:#c9b477;--gold-2:#e5d6aa;--ink:#203126;--muted:#69776c;--line:#e4e9e2;--paper:#fbfcf8;--white:#fff;--shadow:0 18px 50px rgba(25,48,34,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--white);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:15px;line-height:1.65}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.container{width:min(1760px,calc(100% - clamp(40px,5vw,120px)));margin-inline:auto}
.section{padding:100px 0}
.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(23,61,44,.08);backdrop-filter:blur(12px)}
.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:13px;min-width:245px}
.brand img{width:62px;height:62px;object-fit:contain}
.brand strong{display:block;font-family:"Playfair Display",Georgia,serif;font-size:21px;line-height:1.15;color:var(--green);letter-spacing:.1px}
.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2.3px;color:#66806d}
.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,30px);font-size:13px;font-weight:600;color:#34463a}
.site-header nav a{padding:10px 0;transition:color .2s}
.site-header nav a:hover{color:#9a793b}
.site-header nav .nav-brochure{border:1px solid var(--gold);padding:12px 17px;color:#8a6b32}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:4px;padding:10px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--green);margin:5px 0}
.hero{position:relative;isolation:isolate;min-height:690px;display:flex;align-items:center;overflow:hidden;background:#1a3d2c;color:#fff}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-2}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,39,27,.91) 0%,rgba(17,54,36,.78) 45%,rgba(17,54,36,.16) 100%)}
.hero-content{position:relative;padding:105px 0 145px}
.hero-copy{max-width:760px}
.eyebrow,.kicker{display:inline-block;color:var(--gold-2);font-size:10px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase}
.hero h1{max-width:750px;margin:22px 0 18px;font-family:"Playfair Display",Georgia,serif;font-size:clamp(48px,6.4vw,82px);line-height:1.04;font-weight:600;letter-spacing:-1.5px}
.hero-lead{max-width:570px;color:rgba(255,255,255,.9);font-size:18px;line-height:1.7;margin:0}
.hero-stats{display:flex;gap:0;margin:38px 0 32px}
.hero-stats div{min-width:132px;padding:0 25px;border-left:1px solid rgba(229,214,170,.75);display:flex;flex-direction:column}
.hero-stats div:first-child{padding-left:17px}
.hero-stats strong{font-family:"Playfair Display",Georgia,serif;font-size:34px;line-height:1.15}
.hero-stats span{font-size:9px;letter-spacing:1.6px;color:#e7e8df;margin-top:5px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:14px 22px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#172d20}
.btn-gold:hover{background:#d9c58d}
.btn-outline{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.05)}
.btn-dark{background:var(--green);color:#fff}
.hero-location{margin:23px 0 0;font-size:12px;letter-spacing:.5px;color:#edf1e9}
.hero-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(20,59,41,.94);border-top:1px solid rgba(255,255,255,.13)}
.hero-bottom-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}
.hero-bottom-inner>span{padding:0 24px;border-right:1px solid rgba(255,255,255,.16)}
.hero-bottom-inner>span:first-child{padding-left:0}
.hero-bottom-inner>span:last-child{border:0}
.hero-bottom b,.hero-bottom small{display:block}
.hero-bottom b{font-family:"Playfair Display",Georgia,serif;font-size:17px;font-weight:600;color:#fff}
.hero-bottom small{font-size:10px;color:#d4dfd5;margin-top:3px}
.intro-grid,.location-grid{display:grid;grid-template-columns: .9fr 1.1fr;align-items:center;gap:80px}
.section-copy h2,.section-heading h2,.brochure-band h2,.contact-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(34px,4vw,48px);font-weight:600;line-height:1.14;color:var(--green);margin:15px 0 20px}
.section-copy p{color:#647168;font-size:15px;line-height:1.85}
.section-copy .subtle{font-size:13px;color:#778278;border-left:2px solid var(--gold);padding-left:16px;margin:25px 0}
.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:12px;color:var(--green-2);font-size:12px;font-weight:700}
.text-link span{font-size:18px;color:#a68a4e}
.visual-card{position:relative;display:block;background:#f5f4ee;padding:14px;box-shadow:var(--shadow);overflow:hidden}
.visual-card img{width:100%;height:100%;object-fit:contain;max-height:540px}
.image-label{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:rgba(255,255,255,.94);color:var(--green);font-size:10px;font-weight:700;letter-spacing:1px}
.image-label b{font-size:18px;color:#9b7a3b}
.plots-section{background:var(--paper)}
.section-heading{max-width:720px;margin:0 auto 42px}
.section-heading.centered{text-align:center}
.section-heading .kicker{color:#9b8046}
.section-heading h2{margin:12px 0 12px}
.section-heading p{margin:0;color:var(--muted);font-size:14px}
.plot-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plot-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:28px 26px;min-height:210px;box-shadow:0 7px 25px rgba(30,54,37,.035)}
.plot-count{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9b8046;font-weight:700}
.plot-card h3{font-family:"Playfair Display",Georgia,serif;font-size:25px;color:var(--green);margin:15px 0 9px}
.plot-card p{color:var(--muted);font-size:13px;min-height:44px}
.plot-card a{display:inline-block;margin-top:8px;color:var(--green-2);font-size:11px;font-weight:700}
.disclaimer{font-size:11px;color:#7b857c;line-height:1.6;margin:18px 0}
.masterplan-full{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;margin-top:55px;padding:28px;background:#fff;border:1px solid var(--line)}
.masterplan-full img{width:100%;max-height:600px;object-fit:contain;background:#f5f5f2}
.masterplan-full h3{font-family:"Playfair Display",Georgia,serif;font-size:31px;color:var(--green);margin:10px 0}
.masterplan-full p{color:var(--muted);font-size:14px;line-height:1.8}
.amenities-section{background:#f1f5ee}
.amenities-layout{display:grid;grid-template-columns:1fr .82fr;gap:38px;align-items:center}
.amenity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.amenity-card{display:flex;align-items:flex-start;gap:13px;background:#fff;padding:17px 16px;border:1px solid #e6ece3;min-height:92px}
.amenity-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#e7efe5;color:#517457;font-size:10px;font-weight:700}
.amenity-card h3{font-family:"Playfair Display",Georgia,serif;color:var(--green);font-size:16px;margin:0 0 4px}
.amenity-card p{font-size:11px;color:#788278;line-height:1.5;margin:0}
.amenity-art{background:#fff;padding:14px;box-shadow:var(--shadow)}
.amenity-art img{width:100%;height:auto;object-fit:contain}
.amenity-art span{display:block;margin-top:8px;text-align:right;font-size:9px;color:#879187}
.location-section{background:#fff}
.distance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0 15px}
.distance-grid div{padding:15px 17px;background:#f0f4ed;border-left:2px solid var(--gold)}
.distance-grid strong,.distance-grid span{display:block}
.distance-grid strong{font-family:"Playfair Display",Georgia,serif;font-size:23px;color:var(--green)}
.distance-grid span{font-size:11px;color:#748075}
.brochure-band{background:#eae6d8;padding:42px 0}
.brochure-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brochure-band .kicker{color:#967943}
.brochure-band h2{font-size:34px;margin:8px 0}
.brochure-band p{margin:0;color:#6f796f;font-size:13px}
.contact-section{background:#f7f9f6}
.contact-grid{display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:start}
.contact-copy h2{font-size:46px}
.contact-copy>p{color:#6b776d;line-height:1.85}
.contact-info{display:grid;gap:18px;margin-top:35px}
.contact-info div{display:grid;gap:3px}
.contact-info small{font-size:9px;letter-spacing:1.7px;color:#9a804a;font-weight:700}
.contact-info a,.contact-info span{font-size:14px;color:#34463a}
.contact-brand{display:flex;align-items:center;gap:13px;margin-top:35px;color:#738075;font-size:11px}
.contact-brand img{width:64px;height:58px;object-fit:contain;background:#fff;padding:5px}
.lead-form{background:#fff;padding:34px 36px;box-shadow:0 12px 42px rgba(30,54,37,.07);border:1px solid #edf0ea}
.lead-form h3{font-family:"Playfair Display",Georgia,serif;font-size:28px;color:var(--green);margin:0 0 4px}
.lead-form>p{font-size:12px;color:#7a857b;margin:0 0 22px}
.lead-form label,.quick-lead-form label{display:block;margin:13px 0 0;color:#34463a;font-size:11px;font-weight:700}
.lead-form label em,.quick-lead-form label em{font-style:normal;color:#b45b4b}
.lead-form label>span{font-weight:400;color:#899289}
.lead-form input:not([type=checkbox]),.lead-form textarea,.quick-lead-form input:not([type=checkbox]){display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid #dfe6dd;border-radius:2px;background:#fff;color:var(--ink);font-size:13px;outline:none}
.lead-form input:focus,.lead-form textarea:focus,.quick-lead-form input:focus{border-color:#78977b;box-shadow:0 0 0 3px rgba(90,128,94,.1)}
.lead-form textarea{resize:vertical}
.lead-form .consent,.quick-lead-form .consent{display:flex;align-items:flex-start;gap:9px;font-size:10px;font-weight:400;color:#6e7a70}
.consent input{margin-top:3px;accent-color:var(--green)}
.form-submit{width:100%;margin-top:18px}
.form-note{display:block;text-align:center;color:#89938a;font-size:9px;margin-top:11px}
.form-message{font-size:12px;margin-top:9px}
.form-message.error{color:#a83c31}.form-message.success{color:#28643d}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.faq-section{background:#f1f5ee}
.faq-container{max-width:850px}
.faq-list{display:grid;gap:9px}
.faq-item{background:#fff;border:1px solid #e5ebe2;padding:17px 20px}
.faq-item summary{cursor:pointer;list-style:none;font-weight:700;color:#304c38;font-size:13px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";float:right;color:#9a804a;font-size:18px;line-height:1}
.faq-item[open] summary:after{content:"−"}
.faq-item p{margin:13px 0 0;color:#6d796f;font-size:13px;line-height:1.8}
.site-footer{background:#123a2a;color:#e7eee6;padding:42px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .9fr auto;gap:28px;align-items:center}
.footer-identity{display:flex;align-items:center;gap:13px}
.footer-project-logo{width:62px;height:62px;object-fit:contain;background:#fff}
.footer-identity strong,.footer-identity span,.footer-identity small{display:block}
.footer-identity strong{font-family:"Playfair Display",Georgia,serif;font-size:19px;color:#fff}
.footer-identity span{font-size:9px;letter-spacing:1.8px;color:#d1dfd2}
.footer-identity small{font-size:10px;color:#b9cabb;margin-top:4px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 17px;font-size:11px;color:#d4dfd5}
.footer-contact{display:grid;gap:6px;font-size:12px;color:#e5eadd}
.footer-whatsapp{display:inline-flex;align-items:center;gap:9px;background:#168b55;color:#fff;padding:12px 17px;border-radius:30px;font-size:11px;font-weight:700;white-space:nowrap}
.footer-whatsapp svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;margin-top:18px;display:flex;justify-content:space-between;gap:20px;color:#b7c8b9;font-size:10px}
.modal-backdrop[hidden],.chat-panel[hidden]{display:none!important}
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(10,29,19,.76);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.modal-backdrop.is-open{display:flex}
.enquiry-modal{position:relative;width:min(100%,500px);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;padding:34px 38px;box-shadow:0 25px 90px rgba(0,0,0,.25)}
.enquiry-modal .kicker{color:#9a804a}
.enquiry-modal h2{font-family:"Playfair Display",Georgia,serif;font-size:32px;color:var(--green);line-height:1.2;margin:10px 0}
.enquiry-modal>p{font-size:12px;color:#758076;margin:0 0 17px}
.modal-close,.chat-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#536456;font-size:27px;cursor:pointer}
.quick-lead-form .form-submit{width:100%;margin-top:18px}
.chat-widget{position:fixed;right:22px;bottom:22px;z-index:150}
.chat-launcher{width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--green-2);color:#fff;box-shadow:0 8px 26px rgba(0,0,0,.2);cursor:pointer}
.chat-launcher svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chat-panel{position:absolute;right:0;bottom:72px;width:min(370px,calc(100vw - 28px));background:#fff;border:1px solid #dce5db;box-shadow:0 18px 60px rgba(0,0,0,.2);border-radius:10px;overflow:hidden}
.chat-panel>header{position:relative;background:var(--green);color:#fff;padding:17px 50px 15px 18px}
.chat-panel>header strong,.chat-panel>header small{display:block}
.chat-panel>header strong{font-family:"Playfair Display",Georgia,serif;font-size:17px}
.chat-panel>header small{font-size:10px;color:#d5e3d7}
.chat-panel .chat-close{color:#fff;top:8px}
.chat-messages{padding:15px 15px 4px;max-height:150px;overflow:auto}
.bot-message,.user-message{font-size:12px;line-height:1.55;padding:10px 12px;margin:0 25px 9px 0;background:#edf3eb;color:#304c38;border-radius:10px 10px 10px 2px}
.user-message{margin:8px 0 8px 35px;background:#e7eee6;border-radius:10px 10px 2px 10px}
.chat-quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px}
.chat-quick-actions button{border:1px solid #dbe5d9;border-radius:20px;background:#fff;color:#315c43;padding:7px 10px;font-size:10px;cursor:pointer}
.chat-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 15px}
.chat-lead-form input:not([type=checkbox]){width:100%;min-width:0;padding:10px;border:1px solid #dfe6dd;font-size:11px}
.chat-lead-form .chat-consent{grid-column:1/-1;display:flex;gap:6px;align-items:center;font-size:10px;color:#6d796f}
.chat-lead-form button{grid-column:1/-1;background:var(--green);color:#fff;border:0;padding:11px;font-size:11px;font-weight:700;cursor:pointer}
.chat-lead-form .form-message{grid-column:1/-1;font-size:11px}
.thanks-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#123a2a,#476d4f)}
.thanks-card{width:min(100%,540px);padding:44px;background:#fff;text-align:center;box-shadow:var(--shadow)}
.thanks-card img{width:90px;height:90px;object-fit:contain;margin:0 auto 12px}
.thanks-card h1{font-family:"Playfair Display",Georgia,serif;color:var(--green);font-size:42px}
.thanks-check{margin:auto;width:48px;height:48px;display:grid;place-items:center;background:#e9f2e8;color:#2c7343;border-radius:50%;font-size:25px}
.fineprint{font-size:11px;color:#7b857d}
@media(max-width:1100px){
 .site-header nav{gap:14px;font-size:12px}
 .brand{min-width:auto}.brand strong{font-size:18px}
 .intro-grid,.location-grid{gap:42px}
 .contact-grid{gap:45px}
 .footer-grid{grid-template-columns:1fr 1fr;align-items:start}
 .footer-bottom{grid-column:1/-1}
}
@media(max-width:900px){
 .intro-grid,.location-grid,.contact-grid,.masterplan-full,.amenities-layout{grid-template-columns:1fr;gap:30px}
 .intro-grid .visual-card{order:-1}
 .contact-grid{gap:32px}
}
@media(max-width:720px){
 .container{width:calc(100% - 32px)}
 .site-header{height:72px}
 .brand{gap:9px}.brand img{width:49px;height:49px}.brand strong{font-size:17px}.brand small{font-size:8px;letter-spacing:1.7px}
 .menu-toggle{display:block}
 .site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:14px 22px 20px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(0,0,0,.08);align-items:stretch;gap:2px}
 .site-header nav.open{display:flex;flex-direction:column}
 .site-header nav a{padding:12px 5px;border-bottom:1px solid #edf0ea}
 .site-header nav .nav-brochure{margin-top:8px;text-align:center;border:1px solid var(--gold)}
 .hero{min-height:720px;align-items:flex-start}
 .hero-image{object-position:57% center}
 .hero-overlay{background:linear-gradient(90deg,rgba(10,37,25,.91),rgba(17,54,36,.64))}
 .hero-content{padding:76px 0 190px}
 .hero h1{font-size:clamp(43px,11vw,62px);letter-spacing:-.8px}
 .hero-lead{font-size:15px}
 .hero-stats{margin:27px 0;gap:0}
 .hero-stats div{min-width:0;flex:1;padding:0 12px}
 .hero-stats strong{font-size:26px}
 .hero-stats span{font-size:8px;letter-spacing:1px}
 .hero-bottom-inner{grid-template-columns:1fr 1fr;gap:15px 0;padding:17px 0}
 .hero-bottom-inner>span{padding:0 12px;border-right:0}
 .hero-bottom-inner>span:nth-child(odd){padding-left:0;border-right:1px solid rgba(255,255,255,.16)}
 .hero-bottom b{font-size:15px}.hero-bottom small{font-size:9px}
 .section{padding:68px 0}
 .intro-grid,.location-grid,.contact-grid,.masterplan-full,.amenities-layout{grid-template-columns:1fr;gap:30px}
 .intro-grid .visual-card{order:-1}
 .section-copy h2,.section-heading h2,.contact-copy h2{font-size:35px}
 .plot-cards{grid-template-columns:1fr;gap:12px}
 .plot-card{min-height:auto;padding:23px}
 .plot-card p{min-height:0}
 .masterplan-full{padding:15px}
 .masterplan-full img{max-height:430px}
 .amenity-grid{grid-template-columns:1fr 1fr;gap:8px}
 .amenity-card{padding:13px 10px;gap:8px;min-height:100px}
 .amenity-card h3{font-size:14px}.amenity-card p{font-size:10px}
 .brochure-band{padding:34px 0}
 .brochure-band-inner{align-items:flex-start;flex-direction:column}
 .brochure-band h2{font-size:29px}
 .lead-form{padding:25px 20px}
 .footer-grid{grid-template-columns:1fr;gap:22px}
 .footer-bottom{display:grid;gap:8px}
 .footer-links{gap:12px 16px}
 .footer-whatsapp{width:max-content}
 .enquiry-modal{padding:30px 22px}
 .enquiry-modal h2{font-size:28px}
 .chat-widget{right:14px;bottom:14px}
 .chat-launcher{width:54px;height:54px}
}
@media(max-width:390px){
 .hero h1{font-size:42px}
 .hero-stats strong{font-size:23px}
 .hero-actions .btn{width:100%}
 .amenity-grid{grid-template-columns:1fr}
 .distance-grid{gap:7px}
 .distance-grid div{padding:12px}
}