:root{--ink:#1f1d1a;--stone:#f5f2eb;--sand:#ddd4c3;--bronze:#b59a63;--teak:#6c5234;--olive:#4d5d46;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--stone);color:var(--ink);font-family:Manrope,sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;color:#fff;transition:.35s}.site-header.scrolled{background:rgba(245,242,235,.96);color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.08)}.brand{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:7px;letter-spacing:.23em;font-family:"Cormorant Garamond",serif;font-size:20px}.brand i{color:var(--bronze);font-style:normal}.brand small{grid-column:1/-1;text-align:center;font:600 8px Manrope;letter-spacing:.34em}.site-header nav{display:flex;align-items:center;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.nav-cta,.gold-btn{background:var(--bronze);color:#fff;padding:15px 22px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:100vh;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;animation:heroZoom 18s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,19,.72),rgba(14,20,19,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(-46%);max-width:700px}.hero-copy p,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--bronze);font-weight:600}.hero-copy p{color:#fff}.hero h1,.philosophy h2,.section-copy h2,.experience h2,.architecture h2,.gallery h2,.location h2,.contact h2{font:500 clamp(56px,8vw,112px)/.9 "Cormorant Garamond",serif;margin:22px 0 38px}.outline-btn{display:inline-flex;border:1px solid rgba(255,255,255,.7);padding:16px 25px;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.scroll-cue{position:absolute;bottom:28px;left:50%;font-size:9px;text-transform:uppercase;letter-spacing:.25em}.philosophy{min-height:90vh;display:grid;grid-template-columns:42% 58%;position:relative;background:#eee9df}.philosophy-copy{padding:12vw 5vw 8vw 7vw;z-index:2}.philosophy h2{font-size:clamp(72px,10vw,150px);color:#b9ae9d}.philosophy p,.section-copy p,.architecture-copy p,.location-copy p{line-height:1.8;max-width:520px;color:#5e5a53}.villa{display:grid;grid-template-columns:32% 68%;padding:9vw 5vw;background:#faf8f3}.section-copy{padding:5vw 5vw 5vw 1vw}.section-copy h2,.architecture h2,.location h2{font-size:clamp(48px,5vw,78px)}.section-copy ul{list-style:none;padding:20px 0;margin:0;border-top:1px solid #d8d0c3}.section-copy li{padding:11px 0;border-bottom:1px solid #d8d0c3;font-size:13px}.villa-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.image-card{position:relative;min-height:680px;overflow:hidden}.image-card span{position:absolute;left:25px;bottom:22px;color:#fff;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.image-card img,.gallery-grid img{transition:transform .7s}.image-card:hover img,.gallery-grid a:hover img{transform:scale(1.035)}.experience{min-height:65vh;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(17,20,17,.78),rgba(17,20,17,.78)),url(images/hero.jpg) center/cover fixed}.experience-inner{max-width:1050px;padding:10vw 5vw}.experience h2{font-size:clamp(52px,6vw,90px)}.experience p{max-width:680px;margin:0 auto 45px;line-height:1.8;color:#ddd}.amenities{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.amenities span{border:1px solid rgba(255,255,255,.25);padding:13px 18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.architecture{display:grid;grid-template-columns:62% 38%;min-height:78vh}.architecture-copy{padding:10vw 5vw;background:#ece6dc}.gallery{padding:8vw 3vw;background:#191a17;color:#fff}.gallery-head{display:flex;justify-content:space-between;align-items:end;padding:0 2vw 4vw}.gallery h2{font-size:clamp(48px,6vw,86px);margin:15px 0}.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px}.gallery-grid a{height:360px;overflow:hidden}.location{display:grid;grid-template-columns:1fr 1.2fr;min-height:620px}.location-copy{padding:9vw 7vw}.location iframe{width:100%;height:100%;border:0;filter:grayscale(1) sepia(.15)}.text-link{display:inline-block;margin-top:25px;padding-bottom:5px;border-bottom:1px solid var(--bronze);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.contact{background:linear-gradient(rgba(24,23,20,.87),rgba(24,23,20,.87)),url(images/villa-exterior.jpg) center/cover;color:#fff;text-align:center}.contact-inner{padding:11vw 5vw}.contact h2{font-size:clamp(60px,8vw,110px)}.contact p{color:#d6d0c5}.contact-actions{display:flex;gap:25px;justify-content:center;align-items:center;margin-top:35px}.contact-actions a:last-child{font-size:13px;letter-spacing:.1em}footer{background:#11120f;color:#aaa;padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer-brand{color:#fff}.footer-brand+ p{margin-left:auto;margin-right:4vw}.back-top,.whatsapp{position:fixed;right:22px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;z-index:40;color:#fff}.back-top{bottom:80px;background:#24251f;opacity:0;pointer-events:none;transition:.3s}.back-top.show{opacity:1;pointer-events:auto}.whatsapp{bottom:22px;background:#1f8f59;font-size:11px;font-weight:700}.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{to{transform:scale(1.06)}}
@media(max-width:900px){.site-header{padding:18px 22px}.site-header nav{position:fixed;inset:0;background:#171814;display:flex;flex-direction:column;justify-content:center;transform:translateX(100%);transition:.35s;color:#fff;font-size:16px}.site-header nav.open{transform:none}.menu-toggle{display:block;z-index:2}.menu-toggle span{display:block;width:26px;height:1px;background:currentColor;margin:7px}.hero-copy{left:25px;right:25px}.hero h1{font-size:64px}.philosophy,.villa,.architecture,.location{grid-template-columns:1fr}.philosophy{min-height:auto}.philosophy img{height:56vh}.philosophy-copy,.section-copy,.architecture-copy,.location-copy{padding:90px 25px}.villa-grid{grid-template-columns:1fr}.image-card{min-height:480px}.experience{background-attachment:scroll}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid a{height:260px}.location iframe{height:450px}footer{flex-direction:column;gap:22px;text-align:center}.footer-brand+ p{margin:0}.contact-actions{flex-direction:column}}