.header,.mobile-nav,.footer{--paper:#eee8d9;--ink:#231f1b;--line:#231f1b40;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;letter-spacing:0}
.header{display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;min-height:112px;padding:19px 3.3%;gap:26px;border-bottom:1px solid var(--ink);margin:0;width:100%;height:auto}.header-nav{display:flex;gap:24px;align-items:center}.header-nav.right{justify-content:flex-end}.header-nav a,.mobile-nav a{font:500 .9375rem/1.4 var(--body);letter-spacing:0;text-transform:none;text-decoration:none;color:inherit}.header-nav a:hover,.header-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.header .brand{display:block;width:230px;max-width:100%;margin:auto}.header .brand img{display:block;width:100%;height:auto}.header .outline-link{padding:12px 16px;border:1px solid var(--ink);white-space:nowrap}.menu-toggle{display:none;min-height:44px;padding:11px 15px;border:1px solid var(--ink);background:transparent;color:inherit;font:500 .875rem var(--body)}.mobile-nav{padding:8px 24px 24px;border-bottom:1px solid var(--ink)}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line)}[hidden]{display:none!important}
.header a:focus-visible,.header button:focus-visible,.mobile-nav a:focus-visible,.footer a:focus-visible{outline:3px solid #a83b2b;outline-offset:5px}.footer{padding:54px 0 25px;margin:0;min-height:0;border-top:1px solid var(--ink)}.footer .shell{width:min(1320px,calc(100% - 112px));margin:auto}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:45px}.footer-logo{display:block;width:265px;max-width:100%;height:auto}.footer-logo.stacked{width:155px}.footer-brand p{font:400 .9375rem/1.8 var(--body);margin:23px 0 0;text-transform:none;letter-spacing:0}.footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font:400 .9375rem/1.6 var(--body)}.footer-social{display:flex;flex-direction:column;gap:14px;align-items:flex-start;font:400 .9375rem/1.6 var(--body)}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:400 .75rem/1.6 var(--label)}.cliff-credit{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.cliff-credit img{width:28px;height:28px;flex:none}.cliff-credit strong{font-weight:600}
.cliff-credit .cliff-wordmark{width:118px;height:auto;max-height:62px;object-fit:contain;object-position:left center}
.beer-context{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 3.3%;background:#eee8d9;color:#231f1b;border-bottom:1px solid #231f1b40;font:400 .875rem/1.5 var(--body)}.beer-context .beer-switcher{margin:0;justify-content:flex-start;gap:16px;font:inherit}.beer-context .beer-switcher a{padding:4px 0;min-height:32px;border:0;border-radius:0;background:none;color:inherit}.beer-context .beer-switcher a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.beer-context .beer-switcher a:first-child{display:none}.beer-section-nav{display:flex;gap:25px}.beer-section-nav a{color:inherit;text-decoration:none;padding:5px 0}.beer-section-nav a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1200px){.header{grid-template-columns:1fr 200px 1fr;gap:22px}.header-nav{gap:17px}.header-nav a{font-size:.875rem}.header .brand{width:200px}}@media(max-width:1050px){.footer .shell{width:calc(100% - 64px)}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-social{grid-column:1/-1}}@media(max-width:980px){.header{grid-template-columns:1fr auto;min-height:92px;padding:18px 24px}.header .brand{grid-column:1;grid-row:1;width:220px;margin:0}.header-nav{display:none}.menu-toggle{display:block;grid-column:2;grid-row:1}.beer-context{padding:14px 24px;flex-wrap:wrap;gap:6px 24px}}@media(min-width:981px){.mobile-nav{display:none}}@media(max-width:760px){.header{min-height:84px;padding:16px 20px}.header .brand{width:185px}.footer{padding-top:40px}.footer .shell{width:calc(100% - 40px)}.footer-top{grid-template-columns:1fr;gap:34px}.footer-logo{width:225px}.footer-nav{gap:13px 22px}.footer-social{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.beer-context{padding:12px 20px;gap:7px}.beer-context .beer-switcher{gap:20px}.beer-section-nav{gap:20px;flex-wrap:wrap;font-size:.8125rem}.beer-section-nav a{min-height:32px;display:flex;align-items:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared secondary navigation for all featured beers. */
.beer-context{background:#71b8b0;color:#173e36;border-bottom-color:#173e3660}
.beer-context .beer-switcher a[aria-current=page]{background:#f1c52b;color:#173e36;padding-inline:10px;text-decoration:none;box-shadow:inset 0 -2px 0 #173e36}
.beer-context a:hover{color:#173e36;text-decoration:underline;text-underline-offset:5px}
.beer-context a:focus-visible{outline:2px solid #173e36;outline-offset:4px}
@media(max-width:760px){.beer-context .beer-switcher{gap:12px}}

/* A shared brewery masthead: expressive type, original mark, and a maker's line. */
.header{border-top:5px solid #27231f;border-bottom:1px solid #27231f;min-height:134px;padding-block:20px;grid-template-columns:1fr 240px 1fr;gap:30px;background:#f3ecdc}
.header .brand{width:226px;text-align:center}.brand-place{display:block;margin-top:9px;font:400 .75rem/1.5 var(--label);letter-spacing:.04em;white-space:nowrap;color:#28241f}
.header-nav{gap:25px}.header-nav a{font:500 1.15rem/1.25 var(--serif);letter-spacing:-.015em;position:relative;white-space:nowrap;padding-block:10px}
.header-nav a:not(.outline-link):after{content:'';height:3px;position:absolute;left:0;right:0;bottom:2px;background:#e97443;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.header-nav a:hover,.header-nav a[aria-current=page]{text-decoration:none}.header-nav a:hover:after,.header-nav a[aria-current=page]:after{transform:scaleX(1)}
.header .outline-link{font:400 .875rem/1.4 var(--label);padding:13px 16px;background:#eb885c;border:1px solid #27231f;box-shadow:3px 3px 0 #27231f;transition:transform .2s,box-shadow .2s}
.header .outline-link:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #27231f}.menu-toggle{background:#eb885c;box-shadow:3px 3px 0 #27231f}
.mobile-nav a{font:500 1.45rem/1.4 var(--serif)}
.beer-context--index{--context-accent:var(--beer-accent,#f29477);display:grid;grid-template-columns:230px minmax(150px,1fr) auto;position:relative;z-index:12;gap:25px;background:#28241f;color:#f7efde;padding:15px 3.3%;border-bottom:1px solid #28241f;font-family:var(--label)}
.chico-theme .beer-context--index{--context-accent:#f395b8}.festbier-theme .beer-context--index{--context-accent:#78c5bb}.paleta-theme .beer-context--index{--context-accent:#f3a06e}
.beer-index{position:relative;min-width:0}.beer-index summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;border:1px solid #f7efde77;padding:10px 13px;min-height:48px;background:transparent;font:400 .875rem/1.5 var(--label)}.beer-index summary::-webkit-details-marker{display:none}.index-count{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:.75rem;color:var(--context-accent)}.index-count b{font-size:1.4rem;font-weight:400;line-height:1;transition:transform .2s}.beer-index[open] .index-count b{transform:rotate(45deg)}.beer-index[open] summary,.beer-index summary:hover{background:#f7efde;color:#28241f}.beer-index[open] .index-count,.beer-index summary:hover .index-count{color:#28241f}
.beer-index-menu{position:absolute;top:calc(100% + 15px);left:0;width:min(720px,calc(100vw - 60px));padding:20px;background:#f3ecdc;color:#28241f;box-shadow:5px 6px 0 #28241f;border:1px solid #28241f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.beer-index-menu a{padding:15px 8px;border-bottom:1px solid #28241f35;font:500 1.15rem/1.3 var(--serif);display:flex;gap:11px;align-items:center}.beer-index-menu a>span{font:400 .75rem var(--label);opacity:.65}.beer-index-menu .beer-index-all{grid-column:1/-1;font:400 .875rem var(--label);padding:6px 8px 18px}.beer-context .beer-index-menu a:hover,.beer-index-menu a[aria-current=page]{background:var(--context-accent);color:#28241f;text-decoration:none}
.context-current{margin:0;display:flex;flex-direction:column;gap:3px;padding-left:25px;border-left:1px solid #f7efde55;min-width:0}.context-current>span{font:400 .75rem/1.4 var(--label);text-transform:uppercase;letter-spacing:.05em;color:var(--context-accent)}.context-current>strong{font:500 1.45rem/1.2 var(--serif);letter-spacing:-.015em}
.beer-context--index .beer-section-nav{gap:24px;font:400 .875rem/1.5 var(--body)}.beer-section-nav a{display:flex;gap:8px;align-items:center;min-height:44px;white-space:nowrap}.beer-section-nav a>span{font:400 .75rem var(--label);color:var(--context-accent)}.beer-context--index .beer-section-nav a:hover{color:#fff;text-decoration:underline}.beer-context--index a:focus-visible,.beer-index summary:focus-visible{outline:3px solid #e97546;outline-offset:4px}
@media(max-width:1200px){.header{grid-template-columns:1fr 210px 1fr;gap:20px}.header .brand{width:210px}.header-nav{gap:16px}.header-nav a{font-size:1.05rem}.beer-context--index{grid-template-columns:215px 1fr;gap:12px 24px}.beer-context--index .beer-section-nav{grid-column:1/-1;border-top:1px solid #f7efde35;padding-top:8px;justify-content:flex-end}.context-current{padding-left:20px}.beer-index summary{gap:8px}}
@media(max-width:980px){.header{grid-template-columns:1fr auto;padding:16px 24px;min-height:108px}.header .brand{width:205px}.header-nav{display:none}.beer-context--index{padding:14px 24px}.beer-index-menu{width:min(680px,calc(100vw - 50px))}}
@media(max-width:650px){.header{padding:15px 20px;min-height:105px}.header .brand{width:185px}.brand-place{font-size:.6875rem;letter-spacing:0}.beer-context--index{padding:12px 20px;grid-template-columns:1fr;gap:12px}.beer-index{grid-row:2}.context-current{grid-row:1;flex-direction:row;justify-content:space-between;align-items:center;padding:0;border:0}.context-current strong{font-size:1.25rem}.context-current>span{font-size:.6875rem}.beer-index summary{min-height:44px}.beer-context--index .beer-section-nav{grid-column:1;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:2px;font-size:.875rem}.beer-section-nav a{gap:5px}.beer-index-menu{width:calc(100vw - 42px);top:calc(100% + 6px);grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:0 8px}.beer-index-menu a{font-size:1.05rem;padding:13px 6px}}
@media(prefers-reduced-motion:reduce){.header-nav a:after,.header .outline-link,.index-count b{transition:none}}
:root .header .brand img{width:100%;height:64px;object-fit:contain;object-position:center}
.floating-beer-nav a{position:fixed;top:52%;z-index:15;display:grid;place-items:center;width:48px;height:48px;border:1px solid #28241f;border-radius:50%;background:#fff8e8;color:#28241f;box-shadow:0 4px 16px #28241f22;font:400 26px/1 sans-serif;transition:transform .2s,background .2s;text-decoration:none}
.floating-beer-nav .beer-prev{left:16px}.floating-beer-nav .beer-next{right:16px}.floating-beer-nav a:hover{background:#f8cf45;transform:scale(1.08)}.floating-beer-nav a:focus-visible{outline:3px solid #b63829;outline-offset:4px}
.age-unconfirmed .floating-beer-nav{display:none}
@media(max-width:760px){.floating-beer-nav a{top:auto;bottom:calc(18px + env(safe-area-inset-bottom));width:46px;height:46px}.floating-beer-nav .beer-prev{left:18px}.floating-beer-nav .beer-next{right:18px}}
@media(prefers-reduced-motion:reduce){.floating-beer-nav a{transition:none}}

/* Minimal footer: a brand signoff, not a second menu. */
.footer.footer-compact{display:block;padding:32px 0 20px;letter-spacing:0}
.footer-compact .footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-compact .footer-logo{width:190px}
.footer-compact .footer-nav{display:flex;gap:26px;font:400 15px/1.3 var(--body)}
.footer-compact .footer-nav a{display:flex;align-items:center;min-height:44px}
.footer-compact .footer-social{display:flex;flex-direction:row;gap:4px;align-items:center}
.footer-compact .footer-social a{display:grid;place-items:center;width:44px;height:44px}
.footer-compact .footer-social svg{display:block;width:20px;height:20px}
.footer-compact .footer-bottom{margin-top:24px;padding-top:16px;font:400 11px/1.5 var(--body);letter-spacing:0;align-items:center}
.footer-compact .cliff-credit{gap:6px}
.footer-compact .cliff-credit span{font-size:10px}
.footer-compact .cliff-credit .cliff-wordmark{width:65px;height:auto}
@media(max-width:760px){
.footer.footer-compact{padding:26px 0 18px}
.footer-compact .shell{width:calc(100% - 40px)}
.footer-compact .footer-top{display:grid;grid-template-columns:1fr auto;gap:14px 8px;align-items:center}
.footer-compact .footer-brand{grid-column:1/-1}
.footer-compact .footer-logo{width:165px}
.footer-compact .footer-nav{gap:20px;font-size:14px}
.footer-compact .footer-social{grid-column:auto;gap:0}
.footer-compact .footer-social a{width:36px;height:44px}
.footer-compact .footer-social svg{width:18px;height:18px}
.footer-compact .footer-bottom{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left;gap:10px;margin-top:12px;padding-top:12px}
.footer-compact .cliff-credit{flex-basis:100%;justify-content:flex-start}
}