@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--green:#233e32;--cream:#f5f1e8;--ink:#28382e;--muted:#768075;--line:#d9ddcf;--gold:#b7a384}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}.demo{text-align:center;padding:8px;background:#1e3329;color:#d6dfd3;font-size:9px;letter-spacing:1px}header{display:flex;justify-content:space-between;align-items:center;height:96px;padding:0 6%;background:var(--cream);gap:20px}.logo{display:flex;align-items:center;gap:12px;font:42px 'Playfair Display',serif;white-space:nowrap}.logo>span{font-size:30px;letter-spacing:-1px}.logo small{display:block;font:8px 'DM Sans';letter-spacing:2px;margin-top:6px}nav{display:flex;gap:28px;font-size:12px}.button{display:inline-flex;background:var(--green);color:var(--cream);border:0;padding:20px 25px;font-size:12px;justify-content:center;align-items:center;gap:25px}.button.small{padding:16px 20px;font-size:11px}.hero{height:680px;position:relative;color:white}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081e17b8,transparent 95%),linear-gradient(0deg,#102e2360,transparent 40%)}.hero-content{position:absolute;top:65px;left:8%;z-index:1;max-width:600px}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500}.hero .eyebrow{color:#d8e2d5}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1{font-size:clamp(52px,6vw,84px);line-height:1.08;letter-spacing:-2px;margin:25px 0}em{font-weight:400;color:#8c9d80}.hero em{color:#d3dec6}.hero p{font-size:13px;line-height:1.9;max-width:340px;color:#e4e9e0}.hero-link{display:inline-flex;gap:50px;border-bottom:1px solid #ffffff60;padding:15px 0;font-size:12px}.hero-footer{position:absolute;bottom:60px;left:8%;right:8%;display:flex;justify-content:space-between;z-index:1;font-size:8px;letter-spacing:2px}.search-wrap{position:relative;z-index:2;margin:-30px 7% 0}.search{background:#fffdf7;box-shadow:0 10px 35px #1837280d;display:grid;grid-template-columns:1fr 1fr 1fr auto;padding:25px;gap:25px;align-items:end}label{font-size:9px;letter-spacing:1.5px;display:block}input,select{display:block;width:100%;margin-top:10px;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--ink);background:transparent;min-width:0;border-radius:0}.search-note{font-size:10px;color:var(--muted);padding:0 10px;line-height:1.8}.section{padding:95px 7%}.intro{max-width:900px;text-align:center;margin:auto}.intro h2{font-size:54px}.intro p{max-width:580px;margin:25px auto 0}h2{font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-1px;margin:17px 0}p{font-size:13px;line-height:1.9;color:var(--muted)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}.section-head p{max-width:320px}.homes{padding-top:20px}.filters{display:flex;gap:12px;margin:30px 0}.filters button{padding:10px 18px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:11px;border-radius:30px}.filters .active{background:var(--green);color:white;border-color:var(--green)}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.home{background:#fffcf5}.home[hidden]{display:none}.home-image{display:block;width:100%;height:340px;padding:0;border:0;background:#d0d6c8;overflow:hidden}.home-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.home-image:hover img{transform:scale(1.03)}.home-body{padding:30px}.home h3{font-size:34px;margin:12px 0}.facts{display:flex;gap:15px;font-size:10px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.home-body p{min-height:50px}.amenities{font-size:10px;color:var(--muted);line-height:1.9}.price{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.price strong{font-size:22px;font-weight:500}.price span{font-size:9px;color:var(--muted)}.text-link{border:0;background:none;color:var(--green);font-size:11px;padding:10px 0}.experience{display:grid;grid-template-columns:1fr 1fr;background:#e6eadf}.experience-photo img{width:100%;height:100%;min-height:630px;object-fit:cover}.experience-copy{padding:70px 12%}.experience-item{display:flex;gap:20px;border-bottom:1px solid #c9d3c4;padding:25px 0}.experience-item>span{color:#96a68a;font:italic 23px 'Playfair Display'}.experience-item h3{font-size:21px;margin:0}.experience-item p{margin:10px 0 0;font-size:12px}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.gallery button{height:340px;padding:0;border:0;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover}.stay-note{background:var(--green);text-align:center;color:var(--cream)}.stay-note em{color:#bdcbb0}.stay-note .button{margin-top:20px}.cream{background:var(--cream);color:var(--green)}.info{display:grid;grid-template-columns:1fr 1.3fr;gap:12%}.info>div>p{max-width:280px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{font-size:13px;cursor:pointer}footer{padding:50px 7% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:40px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:9px;line-height:1.8}dialog{border:0;background:var(--cream);color:var(--ink);width:min(560px,94vw);max-height:90vh;padding:35px}dialog::backdrop{background:#0a1d17bd}.close{float:right;background:none;border:0;font-size:25px;color:var(--ink)}dialog h2{font-size:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.wide{grid-column:1/-1;width:100%}.note{font-size:10px;line-height:1.8}.summary{margin:22px 0;background:#e5e9dd;padding:18px;font-size:12px;line-height:1.9}.summary strong{display:block;font-size:22px;font-weight:500}.summary:empty{display:none}#book-error{color:#914a35;font-size:12px}#confirmation{font-size:12px;background:#dce5d3;padding:16px}#confirmation:empty{display:none}#photo{width:min(1000px,94vw)}#photo img{width:100%;max-height:75vh;object-fit:contain}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ad895a;outline-offset:5px}@media(max-width:900px){nav{display:none}.hero{height:650px}.hero-content{top:65px}.search{grid-template-columns:1fr 1fr}.search .button{width:100%}.hero-footer span:last-child{display:none}.home-image{height:270px}.experience-copy{padding:50px 9%}.experience-photo img{min-height:600px}.gallery{grid-template-columns:1fr 1fr}.gallery button:first-child{grid-column:1/-1}.gallery button{height:280px}.info{gap:7%}}@media(max-width:600px){header{height:85px;padding:0 6%;gap:12px}.logo{gap:6px;font-size:30px}.logo>span{font-size:24px}.logo small{font-size:6px;letter-spacing:1.5px}.button.small{font-size:9px;padding:13px 12px}.demo{font-size:7px;letter-spacing:.4px}.hero{height:620px}.hero-content{left:7%;right:7%;top:58px}h1{font-size:57px}.hero-content .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-footer{font-size:7px;bottom:65px}.hero>img{object-position:60%}.search-wrap{margin:-30px 6% 0}.search{padding:22px 18px;gap:20px 16px}.search label{font-size:8px}.search input,.search select{font-size:12px}.section{padding:60px 7%}.intro h2{font-size:40px}.homes{padding-top:15px}.section-head{display:block}.home-grid{grid-template-columns:1fr}.home-image{height:290px}.home-body{padding:24px}.experience{grid-template-columns:1fr}.experience-photo img{height:360px;min-height:0}.experience-copy{padding:50px 7%}.gallery{gap:12px}.gallery button{height:220px}.gallery button:first-child{height:280px}.info{grid-template-columns:1fr;gap:20px}.footer-top{align-items:start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:10px}dialog{padding:25px}.form-grid{gap:15px}dialog label{font-size:8px}.search .button{font-size:11px;padding:17px 10px}.price{gap:10px}.filters button{font-size:10px;padding:9px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}