:root{--ink:#1f2926;--cream:#f4f1eb;--gold:#b4935d;--line:#d9d4cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.topbar{height:82px;position:absolute;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;color:white}.brand{text-decoration:none;color:inherit;display:flex;flex-direction:column;letter-spacing:.16em}.brand span{font-family:"Playfair Display",serif;font-size:25px;font-weight:600}.brand small{font-size:7px;letter-spacing:.24em;margin-top:2px}.topbar nav{display:flex;gap:32px}.topbar nav a{color:inherit;text-decoration:none;font-size:13px}.outline-button{border:1px solid rgba(255,255,255,.7);padding:12px 18px;color:inherit;text-decoration:none;font-size:12px}.hero{height:min(780px,100vh);min-height:640px;position:relative;color:#fff;display:flex;align-items:center}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;object-fit:cover}.hero-book{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(12,19,17,.75),rgba(12,19,17,.12) 70%),linear-gradient(0deg,rgba(12,19,17,.4),transparent 35%)}.hero-content{position:relative;max-width:680px;margin-left:12%;padding-top:70px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;margin:0 0 21px;color:#e3ceaa}.eyebrow.dark{color:#927643}.hero h1,.intro h2,.section-heading h2,.contact-copy h2,.feature-copy h2,.rooftop h2{font:600 clamp(40px,5.2vw,76px)/1.07 "Playfair Display",serif;letter-spacing:-.035em;margin:0}.hero-copy{max-width:500px;line-height:1.65;font-size:17px;margin:27px 0 36px;color:#eeeeeb}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:35px;border:0;background:var(--gold);color:white;padding:17px 22px;text-decoration:none;font:600 12px "DM Sans",sans-serif;letter-spacing:.02em;cursor:pointer}.gold-button span,.text-link span{font-size:20px;line-height:10px}.scroll-hint{position:absolute;bottom:35px;right:7%;display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:9px;letter-spacing:.18em}.scroll-hint span{height:1px;width:44px;background:#fff}.intro{padding:130px 12%;max-width:1050px}.intro h2{font-size:clamp(36px,4.2vw,57px);max-width:670px}.intro>p:last-child{line-height:1.75;max-width:620px;margin:26px 0 0;color:#59625f}.numbers{display:flex;gap:48px;border-top:1px solid var(--line);margin-top:46px;padding-top:24px}.numbers div{display:grid;gap:3px}.numbers strong{font:600 30px "Playfair Display",serif}.numbers span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#69716f}.feature-split{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;background:#e6e0d4}.feature-image{min-height:480px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:center}.feature-copy{padding:86px 12%}.feature-copy h2{font-size:46px}.feature-copy>p:last-of-type{line-height:1.75;color:#59625f}.feature-copy ul{padding:10px 0 0;list-style:none}.feature-copy li{border-top:1px solid #c9c1b3;padding:13px 0;font-size:13px}.properties{padding:130px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{font-size:42px}.text-link{color:var(--ink);font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px;display:flex;gap:14px;align-items:center}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.property-card{background:#fff}.image-wrap{height:340px;position:relative;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.image-wrap.facade img{object-position:right}.property-card:hover img{transform:scale(1.04)}.image-wrap span{position:absolute;top:17px;left:17px;padding:7px 10px;background:#fff;color:#2a312f;font-size:9px;letter-spacing:.15em;font-weight:bold}.property-info{padding:24px 24px 26px}.property-info h3{font:600 26px "Playfair Display",serif;margin:0 0 12px}.details{color:#717773;font-size:13px;line-height:1.6;margin:0}.rooftop{min-height:560px;position:relative;color:white;display:grid;place-items:center;overflow:hidden}.rooftop>img{position:absolute;width:100%;height:100%;object-fit:cover}.rooftop:after{content:"";position:absolute;inset:0;background:rgba(21,28,25,.55)}.rooftop>div{max-width:650px;z-index:1;text-align:center;padding:60px 8%}.rooftop h2{font-size:50px}.rooftop div>p:last-of-type{line-height:1.7;color:#edf0ec;margin:24px 0 32px}.contact-section{background:var(--ink);padding:105px 12%;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.contact-copy h2{font-size:clamp(37px,4vw,58px)}.contact-copy>p:last-child{color:#c6cdca;line-height:1.7;max-width:460px}.lead-form{display:grid;gap:17px}.lead-form label{font-size:12px;display:grid;gap:7px;color:#e8e9e7}.lead-form input,.lead-form select{border:1px solid #67716d;background:transparent;color:#fff;padding:14px;font:14px "DM Sans",sans-serif;border-radius:0}.lead-form select option{color:#111}.lead-form input::placeholder{color:#a6afab}.lead-form .gold-button{margin-top:4px}.privacy{font-size:10px;color:#a6afab;line-height:1.5;margin:0}.floating-whatsapp{position:fixed;z-index:4;bottom:26px;right:26px;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:white;box-shadow:0 7px 22px #0004}.floating-whatsapp svg{width:31px}footer{padding:36px 7%;display:flex;justify-content:space-between;align-items:center;color:#45504c}footer .brand span{font-size:20px}footer p{font-size:11px}@media(max-width:760px){.topbar{padding:0 6%;height:70px}.topbar nav,.top-contact{display:none}.hero-content{margin:50px 8% 0}.hero{min-height:620px}.scroll-hint{right:8%}.intro{padding:82px 8%}.numbers{gap:20px;justify-content:space-between}.numbers strong{font-size:25px}.feature-split{grid-template-columns:1fr}.feature-image{min-height:350px}.feature-copy{padding:65px 8%}.properties{padding:80px 6%}.section-heading{display:block}.section-heading h2{font-size:36px}.section-heading .text-link{width:max-content;margin-top:22px}.property-grid{grid-template-columns:1fr;gap:18px}.image-wrap{height:300px}.rooftop h2{font-size:40px}.contact-section{padding:78px 8%;grid-template-columns:1fr;gap:36px}footer{padding:28px 7%;display:block}footer p{margin-top:24px}}
