@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{--ink:#24332d;--muted:#66736d;--paper:#f7f5ef;--line:#dfe3dd;--accent:#496353;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;background:rgba(247,245,239,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(36,51,45,.08)}
.brand{font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:600;line-height:.8}.brand span{display:block;font:10px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;margin-top:9px;color:var(--muted)}
nav{display:flex;gap:26px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a:hover{color:var(--accent)}.nav-cta,.button{background:var(--ink);color:white;padding:13px 20px;border-radius:2px}.menu-toggle{display:none;background:none;border:0;font-size:24px}
.lang-switch{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.04em}.lang-switch button{background:none;border:0;padding:2px 3px;font:inherit;color:var(--muted);cursor:pointer;text-transform:uppercase}.lang-switch button.active{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.lang-switch span{color:var(--line)}
.hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;padding:150px 7vw 9vw;background:var(--photo-url,linear-gradient(120deg,#c9d1ca,#7b8b7f)) center/cover no-repeat,linear-gradient(120deg,#c9d1ca,#7b8b7f)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.5),transparent 75%)}.hero-content{position:relative;color:#fff;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:var(--muted)}.hero .eyebrow{color:#e9eee9}.hero h1{font:600 clamp(55px,8vw,108px)/.87 "Cormorant Garamond",serif;margin:16px 0 28px}.hero p:not(.eyebrow){font-size:18px;max-width:570px;margin-bottom:34px}
.section{padding:110px 7vw}.intro,.split,.location,.guide{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.section h2{font:600 clamp(40px,5vw,68px)/.98 "Cormorant Garamond",serif;margin:10px 0 25px}.copy{max-width:650px}.text-link{font-weight:600;font-size:13px}.stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 7vw}.stats div{padding:30px 12px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font:600 34px "Cormorant Garamond",serif}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.photo{min-height:520px;background:var(--photo-url,none) center/cover no-repeat,#d8ddd7;display:flex;align-items:center;justify-content:center;color:#6c786f;letter-spacing:.12em;font-size:10px}.photo-living{min-height:650px}.amenities{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.amenities li{border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.amenities li:before{content:"✓";margin-right:9px;color:var(--accent)}
.location{background:#e8ebe5}.distances{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.distances div{background:var(--paper);padding:28px}.distances strong{display:block;font:600 40px "Cormorant Garamond",serif}.distances span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.section-heading{text-align:center;margin-bottom:45px}.gallery{padding-left:5vw;padding-right:5vw}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-grid .photo{min-height:330px}.gallery-grid .photo:nth-child(1){grid-column:span 2;min-height:520px}
.guide-cards{display:grid;grid-template-columns:1fr;gap:12px}.guide-cards article{border-top:1px solid var(--line);padding:22px 0}.guide-cards span{font-size:11px;color:var(--muted)}.guide-cards h3{font:600 34px "Cormorant Garamond",serif;margin:4px 0}.guide-cards p{margin:0;color:var(--muted);font-size:13px}
.booking{text-align:center;background:var(--ink);color:white}.booking .eyebrow{color:#bfc9c2}.booking h2{max-width:700px;margin:10px auto 20px}.booking p:not(.eyebrow){color:#d5ddd7}.booking-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}.booking .button{display:inline-block;background:white;color:var(--ink)}.booking .button-outline{background:transparent;border:1px solid rgba(255,255,255,.45);color:white}.booking small{display:block;color:#aeb9b2;margin-top:25px}
footer{padding:35px 7vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid var(--line)}footer span{display:block;color:var(--muted);margin-top:6px}
@media(max-width:850px){.site-header{padding:16px 5vw}nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px 5vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:82vh;padding:130px 6vw 14vw}.section{padding:75px 6vw}.intro,.split,.location,.guide{grid-template-columns:1fr;gap:40px}.stats{margin:0 6vw;grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2n){border-right:0}.stats div:last-child{grid-column:span 2}.photo-living{min-height:430px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .photo,.gallery-grid .photo:nth-child(1){grid-column:auto;min-height:250px}.gallery-grid .photo:nth-child(1){grid-column:span 2}.amenities{grid-template-columns:1fr}footer{flex-direction:column}}