:root{--ink:#171514;--cream:#f1eadf;--paper:#e4d8c8;--wine:#6f2027;--gold:#b69a6a;--muted:#a9a098}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}header{height:78px;position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(18,16,15,.93);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}.brand{font-family:Georgia,serif;font-size:23px;letter-spacing:4px;color:#fff;text-decoration:none}.brand span{font-size:12px;display:block;letter-spacing:5px;color:var(--gold);margin-top:3px}nav{display:flex;gap:27px;align-items:center}nav a{color:#eee;text-decoration:none;font-size:13px;letter-spacing:1px}.call{border:1px solid var(--gold);padding:12px 17px}.navbtn{display:none;background:none;border:0;color:white;font-size:25px}.hero{height:100vh;min-height:680px;background:url('assets/interior.png') center/cover no-repeat;position:relative;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,9,.88) 0%,rgba(10,9,9,.58) 48%,rgba(10,9,9,.18) 100%)}.hero-copy{position:relative;max-width:780px;margin-left:8vw;padding-top:60px}.eyebrow{font-size:11px;letter-spacing:4px;color:var(--gold);font-weight:bold}.hero h1,.story h2,.menu h2,.gallery h2,.visit h2,.exterior h2{font-family:Georgia,serif;font-weight:normal;line-height:.98;margin:18px 0}.hero h1{font-size:clamp(54px,8vw,105px)}.sub{font-size:17px;letter-spacing:3px;text-transform:uppercase}.legacy{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#ddd}.actions{display:flex;gap:14px;margin-top:32px}.primary,.secondary{display:inline-block;padding:15px 23px;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:12px}.primary{background:var(--wine);color:#fff}.secondary{border:1px solid #ddd;color:#fff}.story,.visit{padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.story{background:var(--cream);color:#282321}.story h2,.menu h2,.gallery h2,.visit h2,.exterior h2{font-size:clamp(42px,5vw,70px)}.story p{font-family:Georgia,serif;font-size:20px;line-height:1.7;color:#5b514a}.menu{text-align:center;padding:110px 8vw;background:#211e1c}.menu>p:not(.eyebrow){max-width:600px;margin:0 auto 30px;color:#bbb;line-height:1.7}.menu-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:45px}.menu-tags span{border:1px solid #4b4642;padding:12px 18px;color:#ccc;font-family:Georgia,serif}.gallery{min-height:650px;display:grid;grid-template-columns:1.35fr .65fr;background:#cfc2b0;color:#27211e}.photo{background:url('assets/interior.png') 17% 50%/cover no-repeat}.gallery-copy{padding:90px 6vw;display:flex;flex-direction:column;justify-content:center}.gallery-copy p:last-child{line-height:1.8;font-family:Georgia,serif;font-size:18px;color:#5d5148}.visit{background:#181615}.address{font-family:Georgia,serif;font-size:21px;line-height:1.6;color:#ccc}.phone{font-family:Georgia,serif;font-size:30px;color:var(--cream);text-decoration:none}.hours{border-top:1px solid #49433e}.hours div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #49433e}.hours span{color:#bbb}.exterior{min-height:620px;background:linear-gradient(90deg,rgba(12,10,10,.8),rgba(12,10,10,.18)),url('assets/exterior.jpg') center/cover no-repeat;display:flex;align-items:end;padding:80px 8vw}.exterior h2{margin-bottom:0}footer{text-align:center;padding:60px 20px;background:#0d0c0b;border-top:1px solid #332e2b;color:#8e8780}footer .brand{display:inline-block;margin-bottom:18px}footer p{font-size:12px;letter-spacing:1px}@media(max-width:760px){header{height:68px;padding:0 5vw}.brand{font-size:18px}.navbtn{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#151311;padding:25px 6vw;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{min-height:720px;background-position:35% center}.hero-copy{margin:0;padding:100px 7vw 20px}.hero h1{font-size:55px}.sub{font-size:13px;line-height:1.8}.actions{flex-direction:column;align-items:flex-start}.story,.visit,.gallery{grid-template-columns:1fr}.story,.visit{padding:80px 7vw;gap:35px}.gallery{min-height:0}.photo{height:420px}.gallery-copy{padding:70px 7vw}.hours div{font-size:14px}.exterior{min-height:480px;padding:60px 7vw}}
