:root{--navy:#053923;--navy2:#0a4a30;--gold:#caa45b;--cream:#f6f3ea;--ink:#143428;--muted:#617269;--line:#dce4df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
.nav{height:84px;padding:0 5vw;display:flex;align-items:center;gap:38px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 0 #e8eaec}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto}
.official-logo{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff}
.brand b,.brand small{display:block;line-height:1}
.brand b{font-family:Playfair Display;letter-spacing:.08em}
.brand small{font-size:9px;letter-spacing:.29em;margin-top:6px;color:#717987}
.nav nav{display:flex;gap:30px;font-size:14px;font-weight:600}
.nav nav a:hover{color:#a47d2f}
.nav-cta,.btn{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.nav-cta{border-bottom:2px solid var(--gold);padding:10px 0}
.menu{display:none}
.hero{height:min(790px,calc(100vh - 84px));min-height:640px;position:relative;color:#fff}
.hero>img{width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,38,23,.88) 0%,rgba(2,38,23,.56) 42%,rgba(2,38,23,.06) 75%),linear-gradient(0deg,rgba(2,38,23,.66),transparent 45%)}
.hero-content{position:absolute;left:7vw;top:14%;max-width:760px}
.eyebrow{font-size:12px;letter-spacing:.23em;font-weight:800;color:var(--gold);margin:0 0 24px}
.eyebrow.dark{color:#99732d}
.hero h1,.intro h2,.section-head h2,.location h2,.plots h2,.enquire h2{font-family:Playfair Display,serif;font-size:clamp(48px,6vw,86px);line-height:1.02;margin:0}
.hero h1 em{color:var(--gold);font-weight:600}
.hero-copy{font-size:18px;line-height:1.75;max-width:650px;color:#e4e8eb;margin:28px 0}
.hero-actions{display:flex;gap:14px}
.btn{padding:16px 24px;border:1px solid transparent;display:inline-block;cursor:pointer}
.gold{background:var(--gold);color:#101b28}
.ghost{border-color:rgba(255,255,255,.7);color:#fff}
.hero-facts{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(2,48,29,.88);backdrop-filter:blur(12px);padding:24px 7vw}
.hero-facts div{border-left:1px solid rgba(255,255,255,.17);padding-left:25px}
.hero-facts strong{font-family:Playfair Display;font-size:27px;color:var(--gold);display:block}
.hero-facts span{font-size:12px;color:#d8dde2}
.intro{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.intro h2,.section-head h2,.location h2,.plots h2,.enquire h2{font-size:clamp(40px,4.5vw,64px)}
.intro-copy{font-size:17px;line-height:1.9;color:var(--muted);padding-top:33px}
.reference-panel{margin:0 8vw 100px;background:#fff;box-shadow:0 24px 70px rgba(5,57,35,.12);overflow:hidden}
.reference-panel img{width:100%;height:auto;display:block}
.about-panel{border-top:5px solid var(--gold)}
.offer-panel{margin-top:0;border:1px solid #d7c28f}
.signature{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8vw 110px;gap:1px}
.signature article{padding:36px;background:var(--cream);min-height:230px}
.signature article:nth-child(2){background:#ede6d6}
.signature span{color:#a17b35;font-size:12px;letter-spacing:.15em}
.signature h3,.feature-card h3{font-family:Playfair Display;font-size:26px;margin:38px 0 12px}
.signature p,.feature-card p{color:var(--muted);line-height:1.7}
.amenities{background:var(--navy);color:white;padding:110px 8vw}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}
.section-head>p{max-width:430px;color:#b6c0cb;line-height:1.7}
.amenity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-card{background:#0c2037;padding:16px 16px 28px}
.feature-card h3,.feature-card p{margin-left:14px;margin-right:14px}
.feature-art{height:230px;background:linear-gradient(135deg,#183752,#315571);display:grid;place-items:center;color:var(--gold);font-family:Playfair Display;font-size:54px;overflow:hidden;position:relative}
.feature-art:before,.feature-art:after{content:"";position:absolute;border:1px solid rgba(213,180,107,.35);width:140px;height:140px;transform:rotate(45deg)}
.feature-art:after{width:210px;height:210px}
.sports{background:linear-gradient(135deg,#274638,#102a2f)}
.nature{background:linear-gradient(135deg,#684f27,#223e31)}
.amenity-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.amenity-list span{border:1px solid #2a425b;padding:10px 15px;font-size:12px;color:#c9d1d9}
.amenities-visual{border:1px solid rgba(202,164,91,.65);box-shadow:0 20px 60px rgba(0,0,0,.28);background:#032d1b}
.amenities-visual img{width:100%;height:auto;display:block}
.location{display:grid;grid-template-columns:1.05fr .95fr;min-height:650px}
.map-art{background:#e9e5db;position:relative;overflow:hidden;display:grid;place-items:center}
.road{height:26px;width:130%;background:#f9f7f1;border:1px solid #c7c1b4;position:absolute;transform:rotate(-24deg)}
.r2{transform:rotate(30deg);top:22%}
.r3{transform:rotate(84deg);left:18%}
.pin{z-index:2;width:72px;height:72px;background:var(--navy);border:5px solid var(--gold);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;color:var(--gold);font-family:Playfair Display;font-size:32px}
.pin::first-letter{transform:rotate(45deg)}
.map-art b,.map-art small{position:absolute;z-index:2;letter-spacing:.13em}
.map-art b{bottom:20%;right:14%;font-size:12px}
.map-art small{top:16%;left:14%}
.location-copy{padding:100px 8vw;background:#f8f7f3}
.location-copy p{color:var(--muted);line-height:1.8}
.location-copy ul{list-style:none;padding:0;margin-top:30px}
.location-copy li{padding:13px 0;border-bottom:1px solid #d9d8d2}
.plots{background:#063f28;color:#fff;padding:100px 8vw;display:grid;grid-template-columns:1fr 380px;gap:8vw;align-items:center}
.plots p{color:#b8c5c9;line-height:1.8;max-width:620px}
.text-link{color:var(--gold);font-weight:700}
.plot-card{border:1px solid #43606a;padding:40px;text-align:center;background:#123642}
.plot-card>span{font-size:11px;letter-spacing:.17em;color:#9db0b7}
.plot-card strong{font-family:Playfair Display;font-size:92px;display:block;color:var(--gold);line-height:1.15}
.plot-card b{letter-spacing:.2em}
.dimension{margin:28px 0;padding:20px;border-top:1px solid #47626b;border-bottom:1px solid #47626b;font-size:24px}
.plot-card small{color:#aebdc2}
.enquire{padding:105px 8vw;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.enquire p{color:var(--muted);line-height:1.7;max-width:560px}
.phone{font-family:Playfair Display;font-size:26px;color:#9d762d}
.contact-social{display:flex;gap:18px;margin-top:20px}
.contact-social a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);border-bottom:1px solid var(--gold);padding-bottom:5px}
.enquire form{display:grid;gap:20px;background:#fff;padding:38px;box-shadow:0 20px 70px rgba(21,28,36,.08)}
label{font-size:13px;font-weight:700}
input,select{width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);background:white;font:inherit;font-size:15px}
.enquire button{width:100%;border:0}
.form-note{font-size:13px;margin:0!important}
.form-note.ok{color:#17663a}
footer{padding:42px 6vw;background:#050e1b;color:#b6c0c9;display:flex;align-items:center;gap:40px;font-size:12px}
.brand.light b{color:white}
.footer-links{margin-left:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.footer-links a{color:var(--gold)}
.float-call{display:none}

@media(max-width:900px){.nav{height:70px;padding:0 20px}
.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;flex-direction:column}
.nav nav.open{display:flex}
.menu{display:block;border:0;background:none;font-weight:700}
.nav-cta{display:none}
.hero{height:760px;min-height:0}
.hero-content{left:24px;right:24px;top:11%}
.hero h1{font-size:49px}
.hero-copy{font-size:16px}
.hero-actions{flex-direction:column;align-items:flex-start}
.hero-facts{grid-template-columns:1fr 1fr;padding:18px 24px;gap:18px}
.hero-facts div{padding-left:12px}
.intro,.location,.plots,.enquire{grid-template-columns:1fr}
.intro{padding:75px 24px 45px;gap:20px}
.reference-panel{margin:0 24px 65px}
.signature{grid-template-columns:1fr;padding:0 24px 75px}
.amenities{padding:75px 24px}
.section-head{display:block}
.amenity-grid{grid-template-columns:1fr}
.location{min-height:0}
.map-art{min-height:430px}
.location-copy{padding:70px 24px}
.plots{padding:75px 24px}
.plot-card{max-width:430px}
.enquire{padding:75px 24px;gap:45px}
.enquire form{padding:25px}
footer{align-items:flex-start;flex-direction:column;gap:14px}
.footer-links{margin-left:0;align-items:flex-start;flex-direction:column;gap:12px}
.float-call{display:block;position:fixed;right:18px;bottom:18px;z-index:30;background:var(--gold);padding:13px 18px;border-radius:40px;font-size:13px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.25)}
}

@media(max-width:480px){.official-logo{width:40px;height:40px}
.hero h1{font-size:42px}
.hero-facts strong{font-size:22px}
.hero-facts span{font-size:10px}
.plot-card strong{font-size:72px}
}