
:root{
  --ink:#100b09; --espresso:#24140f; --brown:#4b2b20; --cream:#f4eadc;
  --champagne:#d8bd8b; --gold:#b98b45; --blush:#d8a6a1; --wine:#6d1723;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Georgia,'Times New Roman',serif;line-height:1.6}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;background:rgba(16,11,9,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,189,139,.18)}
.brand{font-size:1.15rem;letter-spacing:.08em}
.nav nav{display:flex;gap:26px;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}
.menu{display:none;background:none;border:1px solid var(--gold);color:var(--cream);padding:8px 12px}
.hero{min-height:92vh;position:relative;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;padding:9vw 7vw 7vw;overflow:hidden;background:
radial-gradient(circle at 75% 35%,rgba(185,139,69,.28),transparent 26%),
linear-gradient(135deg,#120c09 10%,#301b14 58%,#120c09)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),rgba(0,0,0,.55));pointer-events:none}
.hero-copy,.signature-card{position:relative;z-index:2}
.hero h1{font-size:clamp(4rem,10vw,9rem);line-height:.85;margin:.12em 0 .2em;font-weight:400;letter-spacing:-.04em}
.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--champagne)}
.manifesto{font-size:clamp(1.2rem,2.4vw,2rem);max-width:780px;color:#ead8c2}
.button{display:inline-block;margin-top:24px;padding:14px 24px;border:1px solid var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;background:linear-gradient(90deg,var(--gold),#d8bd8b);color:#1b100c;cursor:pointer}
.signature-card{align-self:center;border:1px solid rgba(216,189,139,.4);padding:28px;background:rgba(18,12,9,.55);box-shadow:0 25px 80px rgba(0,0,0,.35)}
.signature-card p{margin:0 0 14px;font-style:italic;color:#e8d9c7}
.intro,.room{padding:110px 8vw}
.intro{text-align:center;background:var(--cream);color:var(--espresso)}
.intro h2,.room h2{font-size:clamp(2.8rem,6vw,5.8rem);font-weight:400;margin:.1em 0}
.intro p:last-child{max-width:760px;margin:auto;font-size:1.15rem}
.room{position:relative;border-top:1px solid rgba(216,189,139,.15)}
.room-number{font-size:.8rem;letter-spacing:.25em;color:var(--gold)}
.room-feature{display:grid;grid-template-columns:1.05fr .75fr;gap:8vw;align-items:center;background:linear-gradient(145deg,#170e0b,#321b14)}
.room h3{font-size:2rem;margin:.2em 0}.subtitle{color:var(--blush);font-style:italic}
.price{font-size:1.35rem;margin-top:24px;color:var(--champagne)}
.fineprint{font-size:.72rem;color:#af9a87;max-width:620px}
.book-cover{min-height:520px;padding:70px 45px;display:flex;flex-direction:column;justify-content:center;text-align:center;border:1px solid var(--gold);box-shadow:0 45px 90px rgba(0,0,0,.5);background:
radial-gradient(circle at 50% 15%,rgba(216,189,139,.22),transparent 23%),
linear-gradient(160deg,#6d1723,#2b1712 55%,#0d0908)}
.book-cover span{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem}
.book-cover strong{font-size:4rem;line-height:.95;font-weight:400;color:var(--champagne);margin:16px 0}
.book-cover em{font-size:1.2rem}.book-cover small{margin-top:60px;letter-spacing:.16em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.visual{min-height:440px;border:1px solid rgba(216,189,139,.45)}
.satin{background:linear-gradient(135deg,#170d0b 10%,#6d1723 48%,#d8a6a1 51%,#321612 70%,#0c0807)}
.cellar{background:
radial-gradient(ellipse at 50% 70%,#8f3d35 0 10%,transparent 11%),
linear-gradient(90deg,#120b09,#4b2b20 40%,#b98b45 43%,#2d1712 50%,#100b09)}
.coming{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid var(--gold);color:var(--champagne);font-style:italic}
.journal{background:var(--cream);color:var(--espresso)}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}
.journal article{padding:26px;border:1px solid rgba(75,43,32,.25);background:#f8f0e5}
.journal article span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wine)}
.journal article h3{font-size:1.5rem}
.parlor{text-align:center;background:linear-gradient(180deg,#140c09,#28150f)}
.parlor>p{max-width:700px;margin-left:auto;margin-right:auto}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:35px auto 10px}
input,textarea{width:100%;padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(216,189,139,.35);color:var(--cream);font-family:inherit}
textarea{grid-column:1/-1;min-height:140px}form .button{grid-column:1/-1;border:none}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;margin-top:32px;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em}
.links a{border-bottom:1px solid transparent}.links a:hover{border-color:var(--gold)}
.private{padding:85px 8vw;text-align:center;background:#0a0706;color:#d0c1b2;border-top:1px solid #3b251c}
footer{display:flex;justify-content:space-between;padding:24px 5vw;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;background:#050403;color:#9d8978}
@media(max-width:800px){
 .nav nav{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;padding:24px;background:#100b09}
 .nav nav.open{display:flex}.menu{display:block}
 .hero,.room-feature,.split{grid-template-columns:1fr}.hero{padding-top:24vw}
 .signature-card{margin-top:45px}.journal-grid{grid-template-columns:1fr}
 .book-cover{min-height:420px}.book-cover strong{font-size:3rem}
 form{grid-template-columns:1fr}input,textarea,form .button{grid-column:1}
 footer{flex-direction:column;gap:8px;text-align:center}
}
