@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#242820;--muted:#6e7168;--cream:#f7f3eb;--paper:#fffdf8;--gold:#b88b45;--line:#e3dccf;--green:#35463b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,253,248,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:35px;color:var(--gold)}.brand strong{display:block;font-family:'Playfair Display',serif;letter-spacing:.1em;font-size:19px;font-weight:500;line-height:1.2}.brand small{display:block;font-size:9px;letter-spacing:.25em;color:var(--muted);margin-top:5px}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav a:not(.nav-cta):hover,.text-link:hover{color:var(--gold)}.nav-cta{background:var(--green);color:white;padding:12px 18px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:660px;position:relative;display:flex;align-items:center;color:white;background:#59634f;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,28,22,.76),rgba(18,28,22,.32) 53%,rgba(18,28,22,.05)),linear-gradient(0deg,rgba(10,20,14,.25),transparent 50%),url('assets/hero-villa.jpg') center 54%/cover no-repeat}.hero-content{position:relative;max-width:720px;padding:90px 0 100px 9vw}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--gold);margin:0 0 20px}.hero h1,.section h2,.experience h2,.contact-section h2{font-family:'Playfair Display',serif;font-weight:400;line-height:1.12;letter-spacing:-.035em}.hero h1{font-size:clamp(48px,6vw,82px);margin:0 0 22px}.hero h1 em,.section h2 em,.experience h2 em,.contact-section h2 em{font-weight:400;color:#d8b779}.hero-copy{font-size:17px;max-width:500px;color:#f5f2eb}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 19px;font-size:12px;font-weight:600;transition:.2s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:white}.button-outline{border:1px solid rgba(255,255,255,.65);color:white}.hero-note{font-size:11px;color:#e5e1d7;margin-top:25px}.hero-caption{position:absolute;right:6vw;bottom:26px;font-size:9px;letter-spacing:.2em}.section{padding:100px 9vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.section h2,.experience h2,.contact-section h2{font-size:clamp(36px,4vw,54px);margin:0}.section h2 em,.experience h2 em{color:var(--gold)}.intro-copy{color:var(--muted);max-width:560px;font-size:15px}.text-link{display:inline-flex;gap:16px;align-items:center;color:var(--green);font-weight:600;font-size:12px;border-bottom:1px solid var(--gold);padding-bottom:8px;margin-top:12px}.feature-strip{background:var(--cream);padding:30px 8vw;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-strip>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.feature-icon{grid-row:span 2;font-size:29px;color:var(--gold)}.feature-strip strong{font-size:12px;font-weight:600}.feature-strip small{font-size:10px;color:var(--muted)}.gallery-section{background:#fffdf8}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading>p{max-width:350px;color:var(--muted);font-size:13px}.gallery-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.gallery-card{height:340px;margin:0;position:relative;overflow:hidden;background:#d9d2c3}.gallery-card:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}.gallery-card:hover:before{transform:scale(1.04)}.gallery-card.pool:before{background-image:linear-gradient(0deg,rgba(20,28,20,.35),transparent 55%),url('assets/pool-terrace.jpg')}.gallery-card.terrace:before{background-image:linear-gradient(0deg,rgba(20,28,20,.35),transparent 55%),url('assets/dining-terrace.jpg')}.gallery-card.bedroom:before{background-image:linear-gradient(0deg,rgba(20,28,20,.35),transparent 55%),url('assets/bedroom.jpg')}.gallery-card figcaption{position:absolute;bottom:18px;left:20px;color:white;font-family:'Playfair Display',serif;font-size:20px}.photo-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#6e7168;font-size:12px;text-align:center;padding:20px}.photo-note{font-size:11px;color:var(--muted);margin-top:18px}.experience{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.experience-image{min-height:490px;background:linear-gradient(0deg,rgba(20,28,20,.2),transparent),url('assets/summer-kitchen.jpg') center/cover no-repeat;display:flex;align-items:end;padding:35px;color:white;font-size:10px;letter-spacing:.2em}.experience-copy{padding:80px 9vw 80px 7vw;align-self:center}.experience-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-top:25px}.location-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.location-details>p{color:var(--muted);font-size:14px}.location-points{display:flex;gap:25px;flex-wrap:wrap;margin:25px 0}.location-points span{display:flex;flex-direction:column}.location-points strong{font-family:'Playfair Display',serif;font-size:21px;font-weight:400}.location-points small{font-size:10px;color:var(--muted)}.contact-section{text-align:center;padding:85px 20px;background:var(--green);color:white}.contact-section .eyebrow{color:#d8b779}.contact-section h2{font-size:clamp(40px,5vw,62px)}.contact-section h2 em{color:#d8b779}.contact-section>p:not(.eyebrow){color:#d6d9d1;font-size:14px}.centered{justify-content:center}.button-light{background:var(--paper);color:var(--green)}.contact-note{display:block;color:#d6d9d1;font-size:10px;margin-top:22px}.footer{padding:35px 7vw;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p,.footer>small{font-size:10px;color:var(--muted)}.footer-brand .brand-mark{font-size:25px}.footer-brand strong{font-size:14px}.footer-brand small{font-size:7px}
@media(max-width:900px){.site-header{padding:0 5vw;height:76px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:22px 6vw 28px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:620px}.hero-content{padding:75px 7vw 90px}.intro,.location-section{grid-template-columns:1fr;gap:25px}.section{padding:70px 7vw}.feature-strip{grid-template-columns:1fr 1fr;padding:25px 7vw}.section-heading{display:block}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-card{height:280px}.gallery-card:first-child{grid-column:span 2}.experience{grid-template-columns:1fr}.experience-image{min-height:340px}.experience-copy{padding:60px 7vw}.footer{padding:30px 7vw}}
@media(max-width:520px){.brand strong{font-size:15px}.brand-mark{font-size:28px}.hero{min-height:650px}.hero h1{font-size:47px}.hero-copy{font-size:15px}.actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-caption{font-size:8px}.feature-strip{grid-template-columns:1fr;gap:18px}.gallery-grid{grid-template-columns:1fr}.gallery-card,.gallery-card:first-child{grid-column:auto;height:270px}.section-heading>p{margin-top:18px}.location-points{gap:18px}.footer{align-items:flex-start;flex-direction:column}}

/* Expanded villa information */
.villa-details{padding-top:35px;background:#fffdf8}
.detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.detail-card{padding:28px;background:var(--cream);border-top:2px solid var(--gold)}
.detail-number{font-size:10px;letter-spacing:.18em;color:var(--gold)}
.detail-card h3{font-family:'Playfair Display',serif;font-size:25px;font-weight:400;margin:14px 0 10px}
.detail-card p{font-size:13px;color:var(--muted);margin:0}
.amenities-section{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.amenities-photo{min-height:520px;background:url('assets/dining-terrace.jpg') center/cover no-repeat}
.amenities-copy{padding:75px 8vw 75px 7vw;align-self:center}
.amenities-copy h2{font-family:'Playfair Display',serif;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.12;margin:0}
.amenities-copy h2 em{color:var(--gold);font-weight:400}
.amenities-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin:22px 0}
.amenities-list{list-style:none;padding:0;margin:25px 0}
.amenities-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.amenities-list li span{color:var(--gold)}
.small-print{font-size:10px!important}
.faq-section{background:#fffdf8}
.faq-list{max-width:850px;margin:38px auto 0}
.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}
.faq-list summary{cursor:pointer;list-style:none;font-family:'Playfair Display',serif;font-size:21px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';float:right;color:var(--gold);font-family:'DM Sans',sans-serif}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{max-width:720px;color:var(--muted);font-size:13px}
@media(max-width:900px){.detail-columns{grid-template-columns:1fr}.amenities-section{grid-template-columns:1fr}.amenities-photo{min-height:340px}.amenities-copy{padding:60px 7vw}}

.faq-list details p a{color:var(--green);text-decoration:underline}.faq-source-note{font-size:11px;color:var(--muted);text-align:center;margin-top:26px}

.expanded-gallery .gallery-card{min-height:290px}
.expanded-gallery .gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.expanded-gallery .gallery-card:hover img{transform:scale(1.04)}
.expanded-gallery .gallery-card:before{z-index:1;background:linear-gradient(0deg,rgba(20,28,20,.5),transparent 55%)}
.expanded-gallery .gallery-card figcaption{z-index:2}
.expanded-gallery .gallery-card:not(.pool):not(.terrace):not(.bedroom):before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,28,20,.45),transparent 55%)}
@media(max-width:520px){.expanded-gallery .gallery-card{height:270px}}