:root{--dark:#171310;--copper:#b0662a;--copper2:#e09a4e;--amber:#e8a33d;--cream:#f4ead8;--muted:#c9b99e}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--dark);color:var(--cream);font-family:'Work Sans',sans-serif;line-height:1.6}
header{display:flex;justify-content:space-between;align-items:center;padding:24px 6vw;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--copper),var(--copper2),var(--copper)) 1;gap:20px;flex-wrap:wrap}
.brand{font-family:'Bitter',serif;font-weight:800;font-size:1.45rem;letter-spacing:.02em;line-height:1.1}
.brand small{display:block;font-family:'Work Sans',sans-serif;font-weight:600;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber);margin-top:5px}
nav a{color:var(--cream);text-decoration:none;margin-left:28px;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
nav a:hover{color:var(--amber)}
.hero{padding:62px 6vw 46px;text-align:center;max-width:880px;margin:0 auto}
.hero svg{width:54px;height:74px;margin-bottom:16px}
.kicker{color:var(--amber);letter-spacing:.32em;text-transform:uppercase;font-size:.74rem;font-weight:700}
.hero h1{font-family:'Bitter',serif;font-weight:800;font-size:3.4rem;line-height:1.08;margin-top:14px}
.hero h1 span{background:linear-gradient(90deg,var(--copper),var(--copper2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:560px;margin:18px auto 0;color:var(--muted);font-size:1.05rem}
.ctas{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{text-decoration:none;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;padding:14px 26px;border-radius:4px}
.btn-a{background:linear-gradient(90deg,var(--copper),var(--copper2));color:#171310}
.btn-b{border:1px solid var(--copper2);color:var(--copper2)}
.tapboard{margin:18px 4vw 0;background:#0f0c0a;border:1px solid #3a2a1a;padding:44px 4vw 36px}
.tapboard h2{font-family:'Bitter',serif;font-size:2rem;text-align:center}
.tapboard .sub{text-align:center;color:var(--muted);margin:8px auto 30px;max-width:540px;font-size:.95rem}
table{width:100%;border-collapse:collapse;max-width:1020px;margin:0 auto;font-size:.97rem}
th{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);text-align:left;padding:12px 10px;border-bottom:2px solid var(--copper)}
td{padding:14px 10px;border-bottom:1px solid #2c2118;vertical-align:top}
td.beer{font-family:'Bitter',serif;font-weight:700;font-size:1.05rem;color:#fff}
td.beer small{display:block;font-family:'Work Sans',sans-serif;font-weight:400;color:var(--muted);font-size:.86rem;margin-top:2px}
td.num{white-space:nowrap;color:var(--muted)}
td.price{font-family:'Bitter',serif;color:var(--amber);font-weight:700;white-space:nowrap}
.story{padding:72px 6vw;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.story h2,.reviews h2,.visit h2{font-family:'Bitter',serif}
.story h2{font-size:1.9rem;margin-bottom:14px}
.story p{color:var(--muted);margin-top:12px}
.story p.lead{color:var(--cream);font-size:1.08rem}
.facts{border:1px solid #3a2a1a;background:#1e1813;padding:26px}
.facts h3{font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--amber);margin-bottom:16px}
.facts li{list-style:none;padding:10px 0;border-bottom:1px solid #2c2118;color:var(--muted);font-size:.96rem}
.facts li:last-child{border-bottom:0}
.facts strong{color:var(--cream)}
.reviews{padding:64px 6vw;background:var(--cream);color:var(--dark)}
.reviews h2{text-align:center;font-size:1.9rem;margin-bottom:34px}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1050px;margin:0 auto}
.card{background:#fff;border-top:4px solid var(--copper);padding:24px 22px;box-shadow:0 4px 14px rgba(23,19,16,.08)}
.stars{color:var(--copper);letter-spacing:.2em;margin-bottom:10px}
.card p{font-size:.96rem;color:#3d352c}
.card cite{display:block;margin-top:14px;font-style:normal;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--copper)}
.visit{padding:68px 6vw;text-align:center}
.visit h2{font-size:1.9rem}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:940px;margin:34px auto 0}
.vgrid h4{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.vgrid p{color:var(--muted);font-size:.97rem}
footer{border-top:1px solid #3a2a1a;padding:24px 6vw;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#8f7f66}
@media(max-width:820px){.hero h1{font-size:2.4rem}.story,.rgrid,.vgrid{grid-template-columns:1fr}nav{display:none}table{font-size:.88rem}th:nth-child(4),td:nth-child(4){display:none}.tapboard{margin-left:2vw;margin-right:2vw;padding:32px 3vw}}