:root{--bg:#fbf7f0;--ink:#1f2a27;--head:#1f3d36;--brand:#1f3d36;--accent:#b5653b;--accent-ink:#9a4f27;--line:#e1d6c4;--font-display:'DM Serif Display',Georgia,serif;--font-body:'DM Sans',system-ui,sans-serif;--btn-r:4px}
.h-head{position:absolute;left:0;right:0;z-index:5;color:#fff}
.h-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;padding:18px 0}
.h-brand{font:400 1.7rem var(--font-display);text-decoration:none}.h-brand small{font:500 .72rem var(--font-body);letter-spacing:.2em;text-transform:uppercase;display:block;opacity:.9}
.h-head nav{display:flex;gap:22px;overflow-x:auto;order:3;width:100%;font-weight:500}.h-head nav a{text-decoration:none;white-space:nowrap;padding:6px 0}
@media(min-width:900px){.h-head nav{order:0;width:auto}}
.h-head .btn{background:#fff;color:var(--brand)}
.h-hero{position:relative;min-height:min(86vh,780px);display:flex;align-items:center;color:#fff;background:#222}
.h-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1a17cc 0%,#0b1a1766 55%,#0000 100%)}
.h-hero .wrap{position:relative;z-index:2;padding:150px 0 190px}
.h-hero h1{color:#fff;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:400;max-width:10em}
.h-hero p{max-width:30em;font-size:1.2rem}
.avail{position:relative;z-index:4;margin-top:-90px}
.avail form{background:#fff;color:#111;box-shadow:0 24px 60px -20px #0006;border-radius:10px;padding:22px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end}
.avail label{display:grid;gap:6px;font-weight:700;font-size:.9rem}.avail input,.avail select{font:inherit;padding:.7em;min-height:48px;border:1.5px solid #8a93a0;border-radius:8px;width:100%}
.avail .demo-note,.avail .demo-result{grid-column:1/-1}
.blk{padding:clamp(52px,7vw,96px) 0}.blk h2{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:400}
.rooms{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
.room{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.room figure{margin:0;aspect-ratio:3/2}.room .in{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.room h3{font-size:1.6rem;font-weight:400;margin:0}.room ul{display:flex;gap:8px;flex-wrap:wrap}.room li{background:#f1ebde;border-radius:99px;padding:3px 12px;font-size:.85rem;font-weight:600}
.room .price{margin-top:auto;font-weight:700;color:var(--accent-ink)}
.cmp{background:#fff;border-block:1px solid var(--line)}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}thead th{font:400 1.3rem var(--font-display);color:var(--head)}tbody th{font-weight:700;width:24%}
.amen{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.amen li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.amen b{display:block;margin-bottom:2px}
.loc{display:grid;gap:34px}@media(min-width:900px){.loc{grid-template-columns:1fr 1fr}}
.loc li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dotted #b6a98f}
.info{background:var(--brand);color:#f3efe5}.info h2{color:#fff}.info .wrap{display:grid;gap:26px}
@media(min-width:900px){.info .wrap{grid-template-columns:repeat(3,1fr)}}.info h3{color:#fff;font-size:1.3rem;font-weight:400}.info p{margin:0 0 .4em}
.h-foot{padding:26px 0;font-size:.92rem}