:root{--ink:#1d2926;--cream:#f3efe6;--paper:#faf8f3;--sage:#8f9b8b;--line:rgba(29,41,38,.16);--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}.header{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:5;color:white;width:100%}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-family:var(--serif);font-size:14px}.brand small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.18em;margin-top:3px;opacity:.68}.header nav{display:flex;gap:32px}.header nav a,.header-contact{color:inherit;text-decoration:none;font-size:12px}.header-contact{border-bottom:1px solid;padding-bottom:4px}.hero{height:min(900px,100vh);min-height:720px;position:relative;color:#fff;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(110deg,#47534e 0%,transparent 48%),url('assets/hero.jpg') center 58%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,29,26,.72),rgba(16,29,26,.08) 72%),linear-gradient(0deg,rgba(12,20,18,.4),transparent 40%)}.hero-content{position:absolute;left:8vw;top:52%;transform:translateY(-45%);max-width:790px}.eyebrow,.section-number{text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:600}.eyebrow{margin-bottom:30px}.hero h1,.section h2{font-family:var(--serif);font-weight:400;margin:0;line-height:1.13}.hero h1{font-size:clamp(52px,7vw,104px);letter-spacing:-.04em}.hero h1 em,.section h2 em{font-weight:400;color:#c8d2c3}.hero-copy{font-size:16px;line-height:1.7;max-width:480px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-block;padding:17px 25px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.button-light{background:#f4f0e7;color:var(--ink)}.button-dark{background:var(--ink);color:#fff}.text-link{color:#fff;text-decoration:none;font-size:12px}.text-link span{margin-left:10px}.hero-note{position:absolute;right:5vw;bottom:48px;display:flex;gap:15px;align-items:flex-start;font-size:11px;line-height:1.5}.hero-note>span{font-family:var(--serif);font-size:38px;opacity:.7}.hero-note p{border-left:1px solid rgba(255,255,255,.5);padding-left:14px}.section{padding:120px 8vw}.section-number{color:#78827d;margin:0 0 40px}.intro{display:grid;grid-template-columns:27% 1fr;background:var(--cream)}.intro h2,.section-head h2,.contact h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.025em}.intro-copy>p{max-width:580px;line-height:1.9;margin:35px 0 60px;color:#59625e}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;gap:20px}.facts>div{display:flex;align-items:flex-start;gap:15px}.facts strong{font-family:var(--serif);font-size:34px;font-weight:400}.facts span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:#6a746f}.services{background:var(--ink);color:white;display:grid;grid-template-columns:42% 1fr;gap:7vw}.services .section-number{color:#9da7a2}.services h2 em{color:#9eaa9b}.service-list{border-top:1px solid rgba(255,255,255,.2)}.service-list article{display:grid;grid-template-columns:40px 1fr 25px;gap:18px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.2)}.service-list article>span{font-family:var(--serif);color:#9eaa9b}.service-list h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 10px}.service-list p{font-size:12px;line-height:1.7;margin:0;color:#abb3af;max-width:450px}.service-list b{font-weight:400}.section-head.row{display:flex;justify-content:space-between;align-items:flex-end}.muted{font-size:11px;line-height:1.7;color:#74807a;text-align:right}.property-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:55px}.property-card{background:white;padding:12px}.property-image{height:390px;background-position:center;background-size:cover;position:relative}.featured .property-image{height:520px}.image-one{background-image:url('assets/property-one.jpg')}.image-two{background-image:url('assets/property-two.jpg')}.property-image span{position:absolute;top:16px;left:16px;background:rgba(250,248,243,.92);padding:9px 12px;text-transform:uppercase;font-size:8px;letter-spacing:.13em}.property-info{display:flex;justify-content:space-between;gap:20px;padding:18px 6px 12px}.property-info p{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#84908a;margin:0 0 8px}.property-info h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:0}.property-info strong{white-space:nowrap;font-family:var(--serif);font-weight:400}.specs{display:flex;gap:18px;border-top:1px solid var(--line);padding:12px 6px 5px;color:#737e78;font-size:10px}.contact{background:#d8ded3;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw}.contact h2 em{color:#788b7e}.contact-card{border-left:1px solid rgba(29,41,38,.22);padding-left:45px}.contact-card p{line-height:1.8;margin:0 0 28px;max-width:420px}.contact-card small{display:block;margin-top:16px;color:#66736c;font-size:9px}footer{background:#15211e;color:white;padding:42px 5vw;display:flex;justify-content:space-between;align-items:center}footer p,footer>a{font-size:10px;color:#aab2ae;text-decoration:none}@media(max-width:850px){.header{height:74px}.header nav{display:none}.hero{min-height:690px}.hero-content{left:7vw;right:7vw}.hero-copy{font-size:14px}.hero-note{display:none}.section{padding:80px 7vw}.intro,.services,.contact{grid-template-columns:1fr}.intro{gap:10px}.services{gap:50px}.facts{grid-template-columns:1fr}.property-grid{grid-template-columns:1fr}.property-image,.featured .property-image{height:380px}.section-head.row{display:block}.muted{text-align:left;margin-top:24px}.contact-card{border-left:0;border-top:1px solid rgba(29,41,38,.22);padding:30px 0 0}footer{gap:25px;align-items:flex-end}footer .brand span:last-child{display:none}}@media(max-width:480px){.hero h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.property-info{display:block}.property-info strong{display:block;margin-top:14px}.section h2{font-size:40px}.header-contact{display:none}}
