:root{--ink:#07090d;--navy:#0d1422;--cream:#f2ede4;--muted:#c9c1b6;--gold:#cda85d;--line:#765f38}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}
.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;background:rgba(7,9,13,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(205,168,93,.42)}
.brand{display:flex;align-items:center;color:inherit;text-decoration:none}.brand-wordmark{display:block}.brand strong{display:block;font-size:15px;letter-spacing:.14em}.brand small{display:block;margin-top:5px;color:var(--gold);letter-spacing:.19em;font-size:10px}.menu{color:var(--cream);border:1px solid var(--gold);padding:12px 15px;text-decoration:none;letter-spacing:.15em;font-size:11px}
.hero{position:relative;min-height:80vh;display:grid;align-items:end;overflow:hidden;background:#111}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.88) contrast(1.04) saturate(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.02) 0%,rgba(7,9,13,.08) 42%,rgba(7,9,13,.78) 100%)}
.hero-copy{position:relative;z-index:1;padding:48px 6% 54px;max-width:860px;text-shadow:0 2px 18px rgba(0,0,0,.58)}.eyebrow{color:var(--gold);font-weight:700;letter-spacing:.18em;font-size:12px}.hero h1,.intro h2,.story h2,.visit h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:.98;margin:.28em 0}.hero h1{font-size:clamp(52px,10vw,92px)}.hero h1 em{color:#efd18d;font-style:normal}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#f0e8dc;max-width:680px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.actions a{padding:16px 20px;text-decoration:none;font-weight:700;letter-spacing:.08em;font-size:12px}.primary{background:var(--gold);color:#090b0f}.secondary{border:1px solid var(--gold);color:var(--cream);background:rgba(7,9,13,.32)}
.intro{padding:76px 6% 36px;max-width:900px}.intro h2,.story h2,.visit h2{font-size:clamp(42px,7vw,68px)}.intro>p:last-child,.story p,.visit address{font-size:18px;line-height:1.7;color:var(--muted)}
.feature-grid{padding:20px 5% 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.feature{background:var(--navy);border:1px solid rgba(205,168,93,.46);overflow:hidden}.feature img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:brightness(.98) contrast(1.02)}.feature div{padding:26px}.feature span{color:var(--gold);letter-spacing:.15em}.feature h3{font:400 34px Georgia,serif;color:#e4c47f;margin:12px 0}.feature p{color:var(--muted);line-height:1.6}
.story{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#0a0d13}.story img{width:100%;height:100%;min-height:520px;object-fit:cover;filter:brightness(.96) contrast(1.02)}.story div{padding:70px 7%;align-self:center}
.visit{margin:80px 5%;padding:54px;border:1px solid var(--line);background:var(--navy)}.visit .curated{font:italic 24px Georgia,serif;color:#d9b96f}.visit address{font-style:normal}.contact-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px}.contact-links a{color:#e0bd70;font-size:18px}
footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;gap:12px;flex-direction:column;color:#aaa39a}footer strong{color:var(--cream);letter-spacing:.1em}footer span:first-of-type{color:var(--gold);letter-spacing:.14em;font-size:12px}
@media(max-width:700px){
 .site-header{padding:14px 4%}.brand strong{font-size:11px}.brand small{font-size:8px}.menu{padding:10px 12px}
 .hero{min-height:76vh}.hero>img{object-position:center center;filter:brightness(.92) contrast(1.03)}.hero:after{background:linear-gradient(180deg,rgba(7,9,13,.01),rgba(7,9,13,.05) 40%,rgba(7,9,13,.82))}.hero-copy{padding:38px 5% 44px}.hero h1{font-size:52px}.hero-copy>p:not(.eyebrow){font-size:16px}
 .actions{display:grid}.actions a{text-align:center}
 .intro{padding:58px 5% 24px}.intro h2,.story h2,.visit h2{font-size:43px}.intro>p:last-child,.story p,.visit address{font-size:16px}
 .feature-grid{grid-template-columns:1fr;padding:14px 4% 58px}.feature h3{font-size:31px}
 .story{grid-template-columns:1fr}.story img{min-height:390px}.story div{padding:48px 6%}
 .visit{margin:58px 4%;padding:36px 6%}.contact-links{flex-direction:column;gap:14px}
}
