@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap');
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;background:#f5f2eb;color:#183229;line-height:1.6}a{text-decoration:none;color:inherit}
.header{height:78px;position:absolute;top:0;left:0;right:0;z-index:10;padding:0 6%;display:flex;align-items:center;justify-content:space-between;color:#fff}.logo{font:700 29px/0.7 'Cormorant Garamond',serif}.logo span{display:block;font:500 9px/1 'DM Sans',sans-serif;letter-spacing:2.5px;text-transform:uppercase;margin-top:9px}nav{display:flex;gap:26px;align-items:center;font-size:13px}nav a{opacity:.95}.nav-book{background:#fff;color:#183229;padding:11px 20px}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{height:91vh;min-height:650px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,32,25,.88),rgba(10,32,25,.22)),url('images/hero.jpg') center/cover no-repeat}.hero-content{position:relative;width:min(1100px,88%);margin:auto}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:600;opacity:.75;margin-bottom:15px}.hero h1{font:500 clamp(62px,8vw,105px)/.83 'Cormorant Garamond',serif;max-width:800px}.hero-content>p:not(.eyebrow){max-width:560px;margin:28px 0;font-size:16px}.buttons{display:flex;gap:12px}.btn{display:inline-block;padding:12px 21px;font-size:12px;font-weight:600}.primary{background:#d8c6a3;color:#183229}.outline{border:1px solid rgba(255,255,255,.7);color:#fff}.intro{padding:110px 10%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.intro h2,.section h2,.amenities h2,.contact h2{font:600 clamp(45px,5vw,68px)/.94 'Cormorant Garamond',serif}.intro>p{font-size:18px;color:#5b6b64;max-width:570px}.section{padding:85px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head>a{font-size:12px;border-bottom:1px solid #183229;padding-bottom:5px}.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.room{background:#fff}.room-photo{height:300px;background-size:cover;background-position:center}.placeholder{background:#d9ddd7;display:flex;align-items:center;justify-content:center;color:#6a7770}.placeholder span{font-size:10px;letter-spacing:1.5px}.room-info{padding:24px}.tag{font-size:9px;letter-spacing:2px;font-weight:600;color:#849089}.room h3{font:600 31px/1.02 'Cormorant Garamond',serif;margin:7px 0 12px}.room-info>p:not(.tag){font-size:13px;color:#64736c;min-height:63px}.price{font:700 25px 'Cormorant Garamond',serif;margin:12px 0}.price small{font:400 11px 'DM Sans',sans-serif;color:#78837d}.room-book{font-size:11px;font-weight:600;border-bottom:1px solid #183229}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:10px}.gallery-item{background-size:cover;background-position:center}.gallery-item.large{grid-row:span 2}.amenities{padding:105px 10%;background:#183229;color:#f5f2eb;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.amenity-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.13)}.amenity-grid div{padding:28px;background:#183229}.amenity-grid b{display:block;font:600 28px 'Cormorant Garamond',serif}.amenity-grid span{font-size:11px;color:#acb9b2}.cta{text-align:center;padding:120px 20px;background:#e5dfd1}.cta h2{font:600 clamp(52px,7vw,85px)/.88 'Cormorant Garamond',serif;margin:10px 0 35px}.dark{background:#183229;color:#fff}.contact{padding:100px 10%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.details{color:#5b6b64;font-size:14px}.details p{margin-bottom:22px}.details a{text-decoration:underline}.contact-btn{display:block;width:max-content;background:#183229;color:#fff!important;text-decoration:none!important;padding:12px 19px;margin:10px 0}.map-link{font-weight:600}footer{background:#102820;color:#e3e8e3;padding:38px 7%;display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#91a098}
@media(max-width:850px){nav{display:none;position:absolute;right:5%;top:70px;background:#183229;padding:20px;flex-direction:column;align-items:flex-start}.menu{display:block}nav.open{display:flex}.intro,.amenities,.contact{grid-template-columns:1fr;gap:45px}.rooms{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:220px 220px 220px}.gallery-item.large{grid-column:span 2;grid-row:auto}.hero{min-height:720px}.hero h1{font-size:66px}.buttons{flex-direction:column;width:max-content}.section{padding:65px 7%}footer{flex-direction:column;gap:15px;text-align:center}}