:root{--ink:#242923;--cream:#f6f3eb;--muted:#696e67;--accent:#d5ad7b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit}.wrap{width:min(100% - 52px,1360px);margin:auto}.demo-note{text-align:center;background:#253029;color:#f2f0e9;font-size:10px;letter-spacing:.1em;padding:8px}.header{height:85px;display:flex;align-items:center;gap:45px}.logo{text-decoration:none;font:700 25px/1 Arial,sans-serif;letter-spacing:-.08em}.logo span{color:var(--accent)}.header nav{display:flex;gap:38px;margin:auto}.header nav a,.reserve{font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-weight:700}.reserve{padding:11px 0;border-bottom:1px solid var(--ink);white-space:nowrap}.reserve span{margin-left:25px}.hero{height:min(750px,72vw);min-height:580px;color:#fff;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('hero.jpg') center/cover;transform:scale(1.01)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,24,21,.55),rgba(25,28,22,.08) 74%)}.hero-content{position:relative;z-index:1;padding-top:clamp(110px,13vw,200px)}.eyebrow,.hero-index,.arrival-label,.stays-head>span,.stays-grid article>span,.quote span,.contact>span{font-size:10px;font-weight:700;letter-spacing:.18em}.hero h1,h2,h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;line-height:1.04}.hero h1{font-size:clamp(68px,8vw,125px);margin:26px 0}.hero h1 em,h2 em{font-weight:400}.hero-content>p:not(.eyebrow){max-width:460px;font-size:17px}.hero-link{display:inline-flex;align-items:center;gap:35px;color:#fff;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:10px;margin-top:27px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.hero-index{position:absolute;z-index:1;bottom:32px;left:0;right:0;display:flex;justify-content:space-between}.arrival{padding:135px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}.arrival-label{padding-top:11px;color:#917d65}.arrival h2,.stays h2,.quote h2,.contact h2{font-size:clamp(46px,5.7vw,80px);margin:0 0 28px}.arrival p{max-width:570px;color:var(--muted);font-size:17px}.stays{background:#e9e5db;padding:115px 0}.stays-head{display:flex;justify-content:space-between;align-items:start}.stays-head>span{padding-top:10px}.stays h2{margin-left:auto;text-align:right}.stays-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.stay-photo{height:340px;background:url('hero.jpg') center/cover}.stay-photo.one{background-position:85% center}.stay-photo.two{background-position:48% center;filter:saturate(.75) brightness(1.06)}.stays-grid article>span{display:block;margin-top:22px;color:#8b775f}.stays-grid h3{font-size:30px;margin:8px 0}.stays-grid p{color:var(--muted);max-width:380px;font-size:14px}.quote{background:#26342d;color:#f7f3e9;padding:115px 0}.quote h2{margin:33px 0 48px}.quote a{display:inline-block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;text-decoration:none;padding:16px 22px;background:#e3d6c1;color:#243127;font-weight:700}.contact{padding:125px 0 140px}.contact>span{color:#90785e}.contact h2{margin-top:26px}.contact p{max-width:530px;color:var(--muted)}.contact a{display:inline-block;border-bottom:1px solid var(--ink);text-decoration:none;font-size:12px;font-weight:700;margin-top:20px;padding-bottom:9px}footer{border-top:1px solid #d8d5ca;padding:30px 0}footer .wrap{display:flex;justify-content:space-between;gap:20px}footer strong{font-size:20px;letter-spacing:-.08em}footer span{font-size:11px;color:var(--muted)}@media(max-width:760px){.wrap{width:min(100% - 36px,1360px)}.header{height:68px}.header nav{display:none}.reserve{margin-left:auto;font-size:10px}.hero{height:680px;min-height:0}.hero-photo{background-position:63% center}.hero-overlay{background:linear-gradient(90deg,rgba(20,24,21,.75),rgba(25,28,22,.16))}.hero-content{padding-top:130px}.hero h1{font-size:clamp(62px,12vw,90px)}.arrival{grid-template-columns:1fr;gap:28px;padding:80px 0}.stays{padding:85px 0}.stays-head{display:block}.stays h2{text-align:left;margin-left:0;margin-top:20px}.stays-grid{grid-template-columns:1fr}.stay-photo{height:280px}.quote{padding:85px 0}.contact{padding:85px 0}}@media(max-width:430px){.hero h1{font-size:64px}.hero-content>p:not(.eyebrow){font-size:15px}.hero-index span:last-child{display:none}.arrival h2,.stays h2,.quote h2,.contact h2{font-size:47px}footer .wrap{display:block}footer span{display:block;margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
