:root{--ink:#0f2526;--teal:#123a3b;--deep:#092829;--gold:#c6a669;--cream:#f2efe8;--paper:#fbfaf6;--line:rgba(15,37,38,.15);--white:#fff;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(9,40,41,.94);color:#fff;position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(255,255,255,.15)}.brand{display:flex;align-items:center;gap:.8rem;font:600 .83rem/1 var(--display);letter-spacing:.2em}.brand span{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);color:var(--gold);font-size:1rem}nav{display:flex;align-items:center;gap:2rem;font-size:.86rem}nav a{opacity:.82}nav a:hover{opacity:1}.nav-cta{border:1px solid var(--gold);padding:.7rem 1rem;color:#f4ddb0}.menu-toggle{display:none}.hero{height:min(900px,100vh);min-height:720px;position:relative;color:#fff;background:var(--deep)}.hero>img{height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,29,30,.91) 0%,rgba(4,29,30,.55) 46%,rgba(4,29,30,.1) 75%),linear-gradient(0deg,rgba(4,29,30,.7),transparent 45%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-46%);max-width:720px}.eyebrow{font-size:.73rem;text-transform:uppercase;letter-spacing:.22em;color:#e3c78e;margin:0 0 1.2rem;font-weight:700}.eyebrow.dark{color:#8c713f}.hero h1,.section h2{font-family:var(--display);letter-spacing:-.045em;line-height:1.06}.hero h1{font-size:clamp(3.6rem,7vw,7rem);margin:0 0 1.6rem;font-weight:600}.hero h1 em{font-weight:500;color:#e3c78e;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:1.12rem;max-width:590px;color:rgba(255,255,255,.77);margin-bottom:2rem}.hero-actions{display:flex;gap:1.7rem;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:1rem 1.35rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;font-size:.73rem;cursor:pointer}.button.gold{background:var(--gold);color:var(--deep)}.text-link{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:.25rem}.text-link span{margin-left:.6rem}.hero-facts{position:absolute;right:5vw;bottom:0;display:flex;background:rgba(8,38,39,.92);border-top:1px solid rgba(255,255,255,.14)}.hero-facts div{padding:1.2rem 2rem;border-left:1px solid rgba(255,255,255,.14)}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-family:var(--display);font-size:1rem;color:#ecd49f}.hero-facts span{font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55)}.section{padding:7rem 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.section h2{font-size:clamp(2.6rem,4.5vw,5rem);font-weight:600;margin:.2rem 0}.intro>div:last-child{padding-top:2rem;color:#526061;font-size:1.05rem}.dark-link{display:inline-block;color:var(--ink);border-color:var(--line);margin-top:1rem}.residences{background:var(--deep);color:#fff}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:end;margin-bottom:3rem}.section-heading p:last-child{color:rgba(255,255,255,.62);margin:0}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.15)}.unit-card{background:#f2f0eb;color:var(--ink);position:relative;overflow:hidden}.unit-card img{height:310px;object-fit:contain;padding:1rem;mix-blend-mode:multiply;transition:transform .5s}.unit-card:hover img{transform:scale(1.035)}.unit-card div{padding:1.2rem;border-top:1px solid var(--line)}.unit-card span{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;color:#7b6a49}.unit-card h3{margin:.25rem 0 0;font:600 1.2rem var(--display)}.unit-card p{margin:0;color:#687173}.duplex-strip{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:4rem;border-top:1px solid rgba(255,255,255,.15)}.duplex-strip>div>p:not(.eyebrow){color:rgba(255,255,255,.62);max-width:500px}.outline{border:1px solid var(--gold);color:#ead099;background:transparent;margin-top:1.2rem}.duplex-list{display:flex;flex-direction:column}.duplex-list span{display:grid;grid-template-columns:50px 1fr auto;gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.duplex-list b{color:var(--gold);font-size:.74rem}.duplex-list em{font-style:normal;color:rgba(255,255,255,.55)}.amenities{background:#0d3536;color:#fff}.section-heading.light h2{max-width:750px}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.amenity{min-height:135px;padding:1.5rem;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:space-between}.amenity-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(221,192,132,.65);color:#e2c78f;font-size:.67rem}.amenity p{margin:1rem 0 0}.location{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw}.location-copy>p{max-width:580px;color:#667071}.location-list{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem;border-top:1px solid var(--line)}.location-list span{padding:.9rem 0;border-bottom:1px solid var(--line)}.location-list b{display:inline-block;min-width:78px;color:#9b7f48;font-size:.72rem}.location-art{background:var(--teal);min-height:560px;position:relative;overflow:hidden;color:#fff;display:flex;align-items:flex-end;padding:2rem}.map-lines{position:absolute;inset:-15%;background:repeating-linear-gradient(24deg,transparent 0 90px,rgba(255,255,255,.08) 91px 93px),repeating-linear-gradient(117deg,transparent 0 120px,rgba(198,166,105,.16) 121px 124px);transform:rotate(-5deg)}.pin{position:absolute;left:55%;top:38%;text-align:center;transform:translate(-50%,-50%)}.pin span{display:grid;place-items:center;margin:auto;width:64px;height:64px;border-radius:50%;background:var(--gold);color:var(--deep);font:700 1.3rem var(--display);box-shadow:0 0 0 12px rgba(198,166,105,.17)}.pin small{display:block;margin-top:1rem;text-transform:uppercase;letter-spacing:.15em}.location-art>p{position:relative;margin:0;color:rgba(255,255,255,.7)}.payment{background:#c5a568;color:#102728}.payment .eyebrow{color:#443613}.payment h2{max-width:750px}.payment-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid rgba(15,37,38,.28)}.payment-steps div{padding:2rem 2rem 0 0}.payment-steps b{font-size:.7rem}.payment-steps h3{font:600 1.35rem var(--display);margin:.8rem 0 .3rem}.payment-steps p{max-width:310px;margin:0}.enquire{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--cream)}.enquire-copy p:not(.eyebrow){color:#5c6768}.enquire-copy>a{display:block;font:600 1.1rem var(--display);margin-top:1rem;color:#7a6236}.enquiry-form{background:#fff;padding:2.5rem;box-shadow:0 18px 55px rgba(15,37,38,.09)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.35rem}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #bec5c2;background:transparent;padding:.75rem .1rem;font:inherit;color:var(--ink);border-radius:0}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}.submit{width:100%;background:var(--deep);color:#fff;margin-top:.5rem;justify-content:space-between}.privacy{font-size:.72rem;color:#758080;margin-bottom:0}.form-alert{padding:.9rem 1rem;margin-bottom:1.2rem;font-size:.88rem}.form-alert.success{background:#e2f0e8;color:#28583c}.form-alert.error{background:#f6e7e3;color:#7a3327}.hp{position:absolute;left:-9999px}footer{background:#071f20;color:rgba(255,255,255,.6);padding:2.3rem 5vw;display:flex;justify-content:space-between;align-items:center;font-size:.75rem}footer .brand{color:#fff}.floating-whatsapp{position:fixed;right:1.25rem;bottom:1.25rem;z-index:30;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#062c15;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.duplex-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3rem;background:rgba(255,255,255,.14)}.duplex-gallery img{height:360px;object-fit:contain;background:#f1f0eb;padding:1rem}
@media(max-width:980px){.unit-grid{grid-template-columns:1fr 1fr}.amenity-grid{grid-template-columns:repeat(3,1fr)}.location{grid-template-columns:1fr}.location-art{min-height:400px}.enquire{grid-template-columns:1fr}.hero-facts{right:0}.section{padding:5.5rem 6vw}.duplex-gallery{grid-template-columns:1fr}.duplex-gallery img{height:420px}}
@media(max-width:720px){.site-header{height:70px}.menu-toggle{display:block;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.55rem .75rem}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--deep);padding:1.5rem;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{min-height:760px}.hero-copy{left:6vw;right:6vw;top:44%}.hero h1{font-size:3.4rem}.hero-copy>p:not(.eyebrow){font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-facts{left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr)}.hero-facts div{padding:1rem .75rem}.hero-facts strong{font-size:.84rem}.intro,.section-heading,.duplex-strip{grid-template-columns:1fr;gap:1.5rem}.intro>div:last-child{padding-top:0}.unit-grid{grid-template-columns:1fr}.unit-card img{height:280px}.amenity-grid{grid-template-columns:1fr 1fr}.amenity{min-height:112px}.location-list{grid-template-columns:1fr}.payment-steps{grid-template-columns:1fr}.payment-steps div{padding:1.2rem 0;border-bottom:1px solid rgba(15,37,38,.2)}.form-row{grid-template-columns:1fr}.enquiry-form{padding:1.5rem}footer{flex-direction:column;gap:1rem;text-align:center}.section{padding:4.5rem 6vw}}
@media(max-width:430px){.hero h1{font-size:2.9rem}.brand{letter-spacing:.14em}.amenity-grid{grid-template-columns:1fr}.hero-facts span{font-size:.56rem}.section h2{font-size:2.4rem}}