:root{--bg:#f7f1e7;--paper:#fffaf2;--ink:#2b2118;--muted:#766553;--gold:#b57a1e;--gold2:#e2b45d;--dark:#24170f;--line:#dbc8aa;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{color:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(36,23,15,.96);color:#fff;box-shadow:0 6px 30px rgba(0,0,0,.12)}.nav-wrap{max-width:var(--max);margin:auto;display:flex;align-items:center;gap:18px;padding:12px 20px}.brand{font-weight:800;text-decoration:none;white-space:nowrap;letter-spacing:.2px}.menu-btn{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:8px 10px}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav a{font-size:13px;text-decoration:none;padding:7px 9px;border-radius:8px;color:#f7eee4}.nav a:hover,.nav a.active{background:#fff1d7;color:#2b2118}.hero{background:radial-gradient(circle at 75% 25%,#d79c3a 0 12%,transparent 35%),linear-gradient(135deg,#2d1b10,#5c3517 68%,#9a5d21);color:white}.hero-inner{max-width:var(--max);margin:auto;padding:78px 20px 66px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#f2c976}.hero h1{font-family:Georgia,serif;font-size:clamp(40px,6vw,76px);line-height:1.02;margin:12px 0 20px;max-width:900px}.hero p{font-size:20px;max-width:780px;color:#f3e7db}.beer-mark{width:min(100%,360px);justify-self:center;filter:drop-shadow(0 20px 30px rgba(0,0,0,.24))}.container{max-width:var(--max);margin:auto;padding:44px 20px 70px}.lead{font-size:20px;color:var(--muted);max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(73,46,20,.06)}.card h2{font-family:Georgia,serif;font-size:26px;line-height:1.15;margin:0 0 10px}.card p{margin:0;color:#5f5143}.timeline{margin:36px 0;display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.timeline-item strong{color:#8a5916}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.next-grid a{background:#2f2016;color:white;text-decoration:none;padding:18px;border-radius:14px}.next-grid span{display:block;color:#e7b65c;font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.note{background:#efe4d1;border-left:4px solid var(--gold);padding:16px 18px;border-radius:10px;margin:28px 0;color:#594b3e}.footer{background:var(--dark);color:#dbcdbc}.footer-inner{max-width:var(--max);margin:auto;padding:30px 20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#f2c976}.toc{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.toc a{border:1px solid var(--line);background:#fff7eb;border-radius:999px;padding:7px 11px;text-decoration:none;font-size:14px}.big-number{font-family:Georgia,serif;font-size:58px;color:var(--gold);line-height:1}.source-list li{margin-bottom:10px}.source-list a{color:#855714}.small{font-size:13px;color:var(--muted)}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.beer-mark{display:none}.cards,.next-grid{grid-template-columns:1fr 1fr}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:60px;background:#24170f;padding:12px 18px}.nav.open{display:flex}.timeline-item{grid-template-columns:1fr;gap:4px}}
@media(max-width:600px){.cards,.next-grid{grid-template-columns:1fr}.hero-inner{padding-top:52px}.hero p,.lead{font-size:17px}.nav a{width:48%}}