:root{--ink:#1d1710;--ink2:#2a2117;--parch:#f1e9d6;--parch2:#e6dbc2;--red:#8f2a1d;--amber:#d9a04a;--mut:#6b5d49}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:'Work Sans',system-ui,sans-serif;background:var(--parch);color:var(--ink);font-size:1.05rem;line-height:1.7}
h1,h2,h3,.navbar-brand{font-family:'IM Fell English',Georgia,serif;font-weight:400;letter-spacing:.01em}
.navbar{background:var(--ink);border-bottom:1px solid #4a3c28;padding:.6rem 0}
.navbar-brand{color:var(--parch)!important;font-size:1.35rem}
.navbar-brand span{color:var(--amber);font-style:italic;margin-left:.3rem}
.nav-link{color:#d8ccb2!important;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-left:.6rem}
.nav-link:hover{color:var(--amber)!important}
.navbar-toggler{border-color:#6b5a3e}.navbar-toggler-icon{filter:invert(1)}
.hero{position:relative;background:var(--ink) url(img/hero.webp) center 60%/cover;color:var(--parch);padding:clamp(3rem,10vh,6rem) 0 clamp(2.5rem,8vh,4.5rem);min-height:min(78vh,640px);display:flex;align-items:flex-end}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,14,8,.92) 0%,rgba(20,14,8,.7) 45%,rgba(20,14,8,.25) 100%)}
.hero .container{position:relative}
.plaque{display:inline-block;border:1px solid var(--amber);color:var(--amber);padding:.15rem .9rem;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;margin-bottom:1rem;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.hero h1 em{color:var(--amber)}
.hero .lead{max-width:36rem;font-size:1.15rem;color:#eadfc6;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.btn-door{background:var(--red);color:#fff;border-radius:2px;padding:.7rem 1.6rem;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;border:1px solid var(--red)}
.btn-door:hover{background:#a8321f;color:#fff}
.btn-line{border:1px solid var(--amber);color:var(--amber);border-radius:2px;padding:.7rem 1.6rem;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.btn-line:hover{background:var(--amber);color:var(--ink)}
section{padding:clamp(3rem,8vw,5.5rem) 0}
.eyebrow{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--red);margin-bottom:.5rem}
h2{font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;margin-bottom:1rem}
.rule{width:60px;height:1px;background:var(--red);margin:1rem 0 1.5rem}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink);margin-top:2rem}
.timeline div{padding:1rem 1rem 0 0}
.timeline b{display:block;font-family:'IM Fell English',serif;font-size:1.9rem;font-weight:400;color:var(--red)}
.timeline span{font-size:.9rem;color:var(--mut);line-height:1.4;display:block}
.photo{width:100%;display:block;border-radius:2px;object-fit:cover}
.cap{font-size:.85rem;color:var(--mut);font-style:italic;margin-top:.5rem}
.dark{background:var(--ink);color:var(--parch)}
.dark .eyebrow{color:var(--amber)}.dark .rule{background:var(--amber)}
.facts{list-style:none;padding:0;margin:0;columns:2;column-gap:2rem}
.facts li{padding:.45rem 0;border-bottom:1px solid #4a3c28;break-inside:avoid}
.room{margin-bottom:3.5rem}
.room h3{font-size:1.7rem;color:var(--red)}
.room .ph{height:clamp(220px,32vw,340px)}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.gal figure{margin:0}
.gal img{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:2px;display:block}
.gal figcaption{font-size:.82rem;color:#c9bc9f;padding-top:.3rem}
.contact-card{border:1px solid #6b5a3e;padding:2rem}
.contact-card a{color:var(--amber)}
iframe{width:100%;height:100%;min-height:320px;border:0;filter:sepia(.35)}
footer{background:#120d08;color:#a89b82;padding:1.8rem 0;font-size:.85rem}
footer a{color:var(--amber)}
@media(max-width:767px){.timeline{grid-template-columns:1fr 1fr}.facts{columns:1}.gal{grid-template-columns:1fr 1fr}.hero{min-height:0}}