:root{--ink:#11100e;--cream:#e9dfc9;--paper:#efe7d6;--gold:#c5a064;--line:#6e5836;--muted:#9b9384}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;padding:22px 0}.nav-shell{display:flex;align-items:center;gap:44px}.brand{color:var(--cream);text-decoration:none;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;line-height:.9}.brand-mark{grid-row:1/3;color:var(--gold);font-size:28px}.brand strong{font-size:25px;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:4px;margin-top:5px}.main-nav{margin-left:auto;display:flex;gap:27px;align-items:center}.main-nav a,.site-footer a{color:var(--cream);font-size:12px;text-transform:uppercase;text-decoration:none;font-weight:700}.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:var(--cream);font-size:25px}.hero{min-height:760px;background:radial-gradient(circle at 70% 40%,#4a3d28 0,#17130d 48%,#090806 100%);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:160px 0 95px}.hero-inner{display:flex;justify-content:space-between;align-items:flex-end}.hero-copy{max-width:850px}.hero h1,h2,h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:400;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(58px,7vw,108px);line-height:.86;letter-spacing:.5px}.hero p{font-size:15px;letter-spacing:1px;margin:28px 0}.btn{display:inline-block;border:1px solid var(--gold);padding:16px 21px;color:var(--cream);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.4px}.seal{width:150px;height:150px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--gold);font-weight:700;font-size:12px;line-height:1.5;transform:rotate(-8deg)}.light{background:var(--paper);color:#16130e}.dark{background:#11100e}.split-grid{display:grid;grid-template-columns:40% 60%;min-height:420px}.split-grid.reverse{grid-template-columns:40% 60%}.copy.pad{padding:70px 48px 65px 0;align-self:center}.reverse .copy.pad{padding-left:50px;padding-right:30px;order:1}.reverse .photo{order:2}.copy h2,.section h2,.process h2,.steps h2,.pairing h2,.visit h2{font-size:clamp(38px,4vw,58px);line-height:.95}.copy p,.pairing p,.visit p{font-size:16px;line-height:1.55;max-width:560px}.photo,.visit-photo{background:linear-gradient(135deg,#3a3125,#15120e);background-size:cover;background-position:center}.section{padding:70px 0}.beer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.beer-card{border:1px solid var(--line);padding:18px;min-height:540px;position:relative;overflow:hidden}.beer-card .num{color:var(--gold);font:36px Impact}.beer-image{height:260px;display:flex;align-items:center;justify-content:center}.beer-image img{max-height:100%;width:auto;object-fit:contain}.beer-card h3{font-size:34px;color:var(--gold)}.beer-card .meta{margin:7px 0 15px;font-size:12px}.beer-text{font-size:13px;line-height:1.4;color:#cfc3ad}.process{padding:35px 0 55px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:22px}.process-grid div{border-top:1px solid var(--line);padding-top:20px}.process-grid b{color:var(--gold);font-size:28px;margin-right:10px}.process-grid span{font-weight:700}.kazan .split-grid{min-height:440px}.steps{padding:55px 0}.steps-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:28px}.step{border-top:1px solid #8e8068;padding-top:15px;min-height:90px}.step b{display:block;font-size:22px;color:#75664f}.step span{font-weight:700;font-size:13px}.pairing{padding:0 0 60px}.pairing-wrap{display:grid;grid-template-columns:28% 72%;gap:20px}.pairing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pair-card{position:relative;min-height:300px;background:#2a2118;overflow:hidden}.pair-card img{width:100%;height:300px;object-fit:cover;filter:brightness(.72)}.pair-card div{position:absolute;left:18px;bottom:18px;right:18px}.pair-card strong,.pair-card span{display:block;text-transform:uppercase;font-weight:700}.pair-card strong{font-size:18px}.pair-card span{color:var(--gold);margin-top:5px}.visit{padding:22px 0}.visit-grid{display:grid;grid-template-columns:30% 18% 52%;min-height:340px}.stat{padding:38px 28px;border-left:1px solid #332b20;border-right:1px solid #332b20}.stat strong{display:block;font:54px Impact;color:var(--gold)}.stat span{font-weight:700;line-height:1.1}.stat em{display:block;font-style:normal;font:34px Impact;color:var(--gold);margin-top:50px}.visit-copy{padding:36px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.site-footer{padding:32px 0;background:#14120f;border-top:1px solid #2c251d;color:#8f8576;font-size:12px}.footer-grid{display:flex;align-items:center;justify-content:space-between}.footer-brand{transform:scale(.85);transform-origin:left center}.default-content{padding:140px 0 80px;min-height:70vh}.empty{color:#a99e8d}.eyebrow{color:var(--gold);font-size:26px}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:76px;left:20px;right:20px;background:#111;padding:20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:690px}.seal{display:none}.split-grid,.split-grid.reverse,.pairing-wrap,.visit-grid{grid-template-columns:1fr}.copy.pad,.reverse .copy.pad{padding:50px 0}.photo{min-height:360px}.reverse .copy.pad,.reverse .photo{order:initial}.beer-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr)}.pairing-grid{grid-template-columns:1fr}.pairing-copy{padding:45px 0 15px}.visit-photo{min-height:300px}.stat{border:0}.footer-grid{gap:20px;align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.shell{width:min(100% - 26px,1180px)}.hero{min-height:620px;padding-bottom:60px}.hero h1{font-size:52px}.steps-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.site-header{padding-top:16px}.brand strong{font-size:21px}}
