@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--navy:#081522;--navy2:#0e2233;--gold:#c9a45c;--cream:#f4f1ea;--white:#fff;--ink:#17212b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}.nav{height:78px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:10}.brand{color:white;text-decoration:none;letter-spacing:.16em;font-size:20px}.brand b{color:var(--gold);font-weight:500;margin-left:5px}.nav nav{display:flex;gap:28px}.nav nav a{color:#e8edf0;text-decoration:none;font-size:14px}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:650px;background:linear-gradient(90deg,rgba(8,21,34,.95),rgba(8,21,34,.55)),url('images/hero.svg') center/cover;display:flex;align-items:center;color:white;padding:8vw}.hero-content{max-width:720px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.2em;font-weight:600}.hero h1,.pagehead h1{font-size:clamp(46px,7vw,82px);line-height:1.05;margin:15px 0}.hero h1 em,h2 em{font-family:"Playfair Display",serif;font-weight:500}.hero p{font-size:18px;max-width:600px;color:#dce4e9}.actions{display:flex;gap:14px;margin-top:30px}.btn{padding:14px 25px;text-decoration:none;border:1px solid var(--gold);font-weight:600;font-size:14px}.gold{background:var(--gold);color:var(--navy)}.outline{color:white}.section{padding:100px 8vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.section h2,.contact h2{font-size:clamp(38px,5vw,62px);line-height:1.1;margin:12px 0 25px}.split p{font-size:17px}.dark{background:var(--navy);color:white}.center{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.cards article{border:1px solid rgba(255,255,255,.16);padding:35px}.cards span{color:var(--gold);font-size:13px}.cards h3{font-size:28px;margin:25px 0 10px}.cards p{color:#c5d0d8}.featured{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{min-height:440px;background:url('images/property.svg') center/cover}.textlink{color:var(--gold);font-weight:600;text-decoration:none}.contact{background:#e8e1d5;padding:100px 8vw}.contact-links{display:flex;flex-direction:column;gap:12px;margin-top:30px}.contact-links a{color:var(--navy);font-weight:600}.pagehead{background:var(--navy);color:white;padding:90px 8vw}.pagehead h1{font-size:clamp(48px,7vw,76px)}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.property{background:white}.property-img{height:260px;background-size:cover;background-position:center}.p1{background-image:url('images/property.svg')}.p2{background-image:url('images/property2.svg')}.p3{background-image:url('images/property3.svg')}.property-body{padding:26px}.property-body small{color:var(--gold);letter-spacing:.15em;font-weight:700}.property-body h3{font-size:25px;margin:10px 0}.property-body p{color:#59636c}footer{background:#050e16;color:#bfc8ce;padding:25px 8vw;display:flex;justify-content:space-between;font-size:13px}
@media(max-width:760px){.nav nav{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;left:0;right:0;top:78px;background:var(--navy);padding:25px;flex-direction:column}.hero{min-height:600px;padding:12vw 7vw}.split,.featured{grid-template-columns:1fr}.cards,.property-grid{grid-template-columns:1fr}.section,.contact{padding:70px 7vw}.photo{min-height:300px}footer{flex-direction:column;gap:8px}}