:root{--color-linen:#F6F5F1;--color-ink:#141829;--color-foam:#F6F5F1;--color-mist:#57524d;--color-sea:#292521;--color-coral:#7d5435;--color-line:#D5D3CA}
body{background:#F6F5F1;color:#141829}
.site-header{background:#F6F5F1}
.demo-hero{min-height:clamp(410px,59vh,660px)}
.demo-hero h1{font-size:clamp(3.7rem,7.2vw,7rem);line-height:.94;max-width:7ch;margin-bottom:2rem}
.demo-hero .art img{object-position:center 46%}
.demo-booking-bar{position:relative;z-index:3;margin:-2rem auto 0;display:grid;grid-template-columns:1fr 1fr .66fr .66fr auto;gap:1.15rem;align-items:start;width:min(88%,1160px);padding:1.1rem 1.4rem;background:#F6F5F1;box-shadow:0 .6rem 1.7rem #27190f25}
.demo-booking-bar button{margin-top:1.35rem;border-radius:0;background:#25201c;color:white}
.demo-booking-bar input,.demo-booking-bar select{min-width:0;border-radius:0}
.demo-room-grid,.demo-services,.demo-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,3vw,3rem)}
.demo-room-grid{margin-top:2rem}
.demo-room-grid article .art{aspect-ratio:2.05}
.demo-room-link{display:block;text-decoration:underline;text-underline-offset:.2rem;margin-top:.65rem}
.demo-services,.demo-notes{padding-top:3rem;padding-bottom:3rem}
.demo-services img{width:100%;aspect-ratio:16/9;object-fit:cover}
.demo-services h2,.demo-notes h2,[data-compare-dialog] h2{font-family:var(--font-display);font-size:2rem;margin:.55rem 0}
.demo-services a,.demo-notes a{color:#795235;text-decoration:underline}
.demo-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 5%;border-top:1px solid #D5D3CA}
.demo-note{padding:.8rem 1rem;background:#E4E2DA;color:#423025;margin:0 0 .8rem}
.demo-compare{display:flex;gap:.8rem;align-items:center;margin-top:1.2rem}
.demo-compare-pick{margin-top:.6rem;font-size:.9rem}
[data-compare-dialog]{width:min(90vw,720px);padding:1.5rem;background:#F6F5F1;color:#221c17;border:1px solid #beac97}
[data-compare-dialog]::backdrop{background:#231b16a0}
[data-compare-dialog] table{border-collapse:collapse;width:100%;margin-bottom:1rem}
[data-compare-dialog] td,[data-compare-dialog] th{text-align:left;padding:.5rem;border-bottom:1px solid #D5D3CA}
@media(max-width:800px){.demo-booking-bar{grid-template-columns:1fr 1fr}.demo-room-grid,.demo-services,.demo-notes{grid-template-columns:1fr}}