:root{
  --ink:#1d2427;
  --muted:#666b68;
  --paper:#fffdfa;
  --cream:#f6f0e6;
  --line:#e8dfd2;
  --gold:#ad9058;
  --gold-dark:#8f7444;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.55;
}
a{color:inherit}
img{max-width:100%}
.site-nav{
  position:sticky;top:0;z-index:20;
  background:rgba(255,253,250,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(232,223,210,.8);
}
.nav-inner{
  max-width:1180px;margin:auto;padding:0 24px;height:62px;
  display:flex;align-items:center;justify-content:space-between;
}
.wordmark{
  font-size:13px;letter-spacing:.19em;text-transform:uppercase;
  text-decoration:none;font-weight:700;
}
.nav-links{display:flex;gap:25px}
.nav-links a{text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.hero-art{
  width:100%;
  background:#e8dfd2;
  overflow:hidden;
}
.hero-art img{display:block;width:100%;height:auto}
.intro{
  max-width:1060px;margin:0 auto;padding:52px 28px 42px;text-align:center;
}
.intro h1{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-weight:400;
  font-size:clamp(46px,7vw,88px);
  line-height:1.02;
  letter-spacing:-.025em;
}
.gold-rule{width:110px;height:2px;background:var(--gold);margin:27px auto 25px}
.kicker{
  letter-spacing:.30em;text-transform:uppercase;
  font-size:12px;color:#444;margin:0 0 15px;
}
.lead{
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(18px,2.1vw,25px);
  color:#444;
  max-width:820px;margin:0 auto;
}
.stays{max-width:1180px;margin:0 auto;padding:22px 24px 72px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 6px 26px rgba(55,42,25,.06);
  display:flex;flex-direction:column;
}
.card-image{
  background:#f4efe7;
  aspect-ratio:4/3;
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.card-image img{
  width:100%;height:100%;
  object-fit:contain;
  display:block;
}
.card-body{padding:23px 20px 20px;display:flex;flex-direction:column;flex:1}
.card h2{
  font-family:Georgia, "Times New Roman", serif;
  font-size:35px;font-weight:400;line-height:1.05;margin:0 0 3px;
}
.card-label{
  text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:#5b5c59;margin-bottom:17px;
}
.meta{font-family:Georgia, "Times New Roman", serif;font-size:16px;margin:0 0 17px}
.card p{color:#555;margin:0 0 22px}
.button{
  margin-top:auto;
  display:block;text-align:center;
  text-decoration:none;
  background:var(--gold);
  color:white;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;font-weight:700;
  padding:14px 14px;
  transition:.2s ease;
}
.button:hover{background:var(--gold-dark)}
.location{
  background:var(--cream);
  padding:68px 24px;
}
.location-inner{
  max-width:980px;margin:auto;text-align:center;
}
.location h2,.section-title{
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(36px,5vw,58px);
  font-weight:400;margin:0 0 14px;
}
.location p{max-width:720px;margin:0 auto;color:#5e615f}
.footer{
  text-align:center;
  padding:52px 24px 38px;
  background:#fff;
}
.footer-logo{display:block;width:min(440px,82vw);height:auto;margin:0 auto 20px}
.footer-tag{
  font-size:11px;letter-spacing:.30em;text-transform:uppercase;color:#666;margin-bottom:26px
}
.footer-contact{font-size:14px;color:#666}
.footer-contact a{text-decoration:none;border-bottom:1px solid #aaa}
.copyright{margin-top:30px;font-size:12px;color:#98938c}

/* Suite pages */
.sub-hero{background:var(--cream);padding:55px 24px 45px;text-align:center}
.sub-hero h1{
  font-family:Georgia, "Times New Roman", serif;font-size:clamp(44px,7vw,76px);
  font-weight:400;margin:0 0 10px;line-height:1.05
}
.sub-hero p{max-width:720px;margin:auto;color:#5f615f}
.detail-wrap{max-width:1160px;margin:auto;padding:60px 24px 80px}
.feature{
  display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;margin-bottom:42px
}
.feature-image{background:#f5f0e8;padding:10px}
.feature-image img{display:block;width:100%;height:auto}
.feature-copy h2{
  font-family:Georgia, "Times New Roman", serif;font-size:42px;font-weight:400;margin:0 0 12px
}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.pill{border:1px solid #d6c8b4;padding:7px 11px;font-size:12px;background:#fffaf3}
.gallery{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0 60px
}
.gallery figure{margin:0;background:#f5f0e8;padding:10px;display:flex;align-items:center;justify-content:center}
.gallery img{display:block;width:100%;height:auto}
.floor{
  border-top:1px solid var(--line);
  padding-top:50px;
  display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center
}
.floor img{display:block;width:100%;height:auto;border:1px solid var(--line);background:white}
.back{text-align:center;margin-top:45px}
@media(max-width:850px){
  .nav-links{display:none}
  .cards{grid-template-columns:1fr}
  .card{max-width:600px;margin:auto;width:100%}
  .feature,.floor{grid-template-columns:1fr}
  .gallery{grid-template-columns:1fr}
  .intro{padding-top:36px}
  .stays{padding-top:6px}
}