:root{--color-primary: #b5641e;--color-primary-strong: #8a4a16;--color-primary-soft: #f5e9dd;--color-orange: #e8631f;--color-brick: #9b2e1a;--color-gold: #f2b807;--color-sidebar: #1b1712;--color-sidebar-strong: #120f0b;--color-sidebar-text: #f1ebe2;--color-sidebar-muted: #b3a892;--color-sidebar-faint: #8a7d6a;--color-sidebar-border: #3a3026;--color-bg: #f7f3ee;--color-surface: #fffdf6;--color-surface-alt: #f0eae2;--color-text: #1b1712;--color-text-muted: #6b6155;--color-text-faint: #a39a8d;--color-border: #e2dace;--color-border-strong: #c9bfb0;--font-body: "Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 4px;--radius-md: 6px;--container: 75rem;--sidebar-width: 240px;--content-pad-x: var(--space-8);--content-pad-x-lg: 56px}[data-theme=dark]{--color-primary: #5a8fb3;--color-primary-strong: #7aa9c9;--color-primary-soft: #16323f;--color-sidebar: #0a1218;--color-sidebar-strong: #05090c;--color-sidebar-text: #e8eef2;--color-sidebar-muted: #7a8a93;--color-sidebar-faint: #4a5a63;--color-sidebar-border: #1e2c34;--color-bg: #0c1419;--color-surface: #16222a;--color-surface-alt: #1e2e38;--color-text: #e8eef2;--color-text-muted: #7a8a93;--color-text-faint: #4a5a63;--color-border: #26343e;--color-border-strong: #3a4e5a}@media(prefers-reduced-motion:no-preference){body{transition:background-color .2s ease,color .2s ease}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}ul,ol{list-style:none}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.content{flex:1;width:100%;max-width:var(--container);margin-inline:auto;padding:var(--space-8) var(--content-pad-x) var(--space-16)}@media(min-width:900px){.content{padding:var(--space-10) var(--content-pad-x) var(--space-20)}}.full-bleed{width:100vw;margin-inline:calc(50% - 50vw)}.masthead{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.masthead__inner{max-width:var(--container);margin-inline:auto;padding:var(--space-3) var(--content-pad-x);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.masthead__brand{display:inline-flex;align-items:center}.masthead__brand img{height:34px;width:auto;display:block}.site-nav{display:flex;align-items:center;gap:var(--space-6)}.site-nav__link{font-weight:600;font-size:.875rem;letter-spacing:.04em;color:var(--color-text);padding-block:var(--space-1);position:relative;transition:color .16s ease}.site-nav__link:hover{color:var(--color-primary-strong)}.site-nav__link[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-primary)}.site-nav__icon{display:inline-flex;color:var(--color-text-muted)}.site-nav__icon:hover{color:var(--color-primary-strong)}.nav-toggle{display:none}@media(max-width:819px){.site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--content-pad-x) var(--space-5)}.site-nav.is-open{display:flex}.site-nav__link{width:100%;padding-block:var(--space-3);font-size:1rem}.site-nav__icon{padding-block:var(--space-3)}.masthead__inner{position:relative}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:2.75rem;height:2.75rem;padding:.6rem;background:none;border:0;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--color-text);transition:transform .2s ease,opacity .2s ease}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.site-sidebar{display:none}@media(min-width:900px){.site-sidebar{display:flex;flex-direction:column;gap:var(--space-8);position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-sidebar);color:var(--color-sidebar-text);border-right:1px solid var(--color-sidebar-border);padding:var(--space-8) var(--space-6);z-index:50}}.site-sidebar__brand{display:flex;flex-direction:column;gap:2px}.site-sidebar__brand-row{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#fff}.site-sidebar__brand-dot{width:8px;height:8px;border-radius:50%;background:#b5641e;flex-shrink:0}.site-sidebar__brand-tag{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-sidebar-muted);margin-left:16px}.site-sidebar__group{display:flex;flex-direction:column;gap:var(--space-2)}.site-sidebar__group-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-sidebar-muted);margin-bottom:var(--space-1)}.site-sidebar__link{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);margin-left:calc(-1 * var(--space-3));border-left:2px solid transparent;color:#bfd1e2;font-size:.875rem;font-weight:500;transition:color .16s ease,border-left-color .16s ease,background-color .16s ease}.site-sidebar__link:hover,.site-sidebar__link:focus-visible{color:#fff;outline:none;background:var(--color-sidebar-strong)}.site-sidebar__link[aria-current=page]{color:#fff;font-weight:600;border-left-color:#fff}.site-sidebar__link-count{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-sidebar-muted)}.site-sidebar__footer{margin-top:auto;border-top:1px solid var(--color-sidebar-border);padding-top:var(--space-4);font-size:.75rem;color:var(--color-sidebar-muted);line-height:1.5}.site-sidebar__footer-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.site-sidebar__footer-value{color:var(--color-sidebar-text);margin-top:2px}.site-sidebar__footer-link{display:block;margin-top:var(--space-2);font-size:.75rem;color:var(--color-sidebar-muted);transition:color .16s ease}.site-sidebar__footer-link:hover{color:#fff}.theme-switch{display:inline-flex;align-items:center;gap:2px;margin-top:var(--space-4);padding:2px;border:1px solid var(--color-sidebar-border);border-radius:var(--radius-md)}.theme-switch__opt{flex:1;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-sidebar-muted);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;transition:color .16s ease,background-color .16s ease}.theme-switch__opt:hover{color:var(--color-sidebar-text)}.theme-switch__opt:focus-visible{outline:none;color:#fff;box-shadow:inset 0 0 0 1px var(--color-sidebar-faint)}.theme-switch__opt[aria-checked=true]{background:#ffffff1a;color:#fff}.theme-toggle-m{display:none;position:fixed;top:var(--space-4);right:var(--space-4);width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-md);z-index:90;transition:color .16s ease,border-color .16s ease}@media(max-width:899px){.theme-toggle-m{display:flex}}.theme-toggle-m:hover,.theme-toggle-m:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}.theme-toggle-m__sun{display:none}.theme-toggle-m__moon,[data-theme=dark] .theme-toggle-m__sun{display:block}[data-theme=dark] .theme-toggle-m__moon{display:none}.app-bar{display:flex;align-items:stretch;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-sidebar);border-top:1px solid var(--color-sidebar-border);z-index:100}@media(min-width:900px){.app-bar{display:none}}.app-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 var(--space-1);background:none;border:none;color:var(--color-sidebar-muted);font-size:.625rem;letter-spacing:.04em;font-family:var(--font-body);font-weight:500;transition:color .16s ease;cursor:pointer;text-decoration:none;position:relative}.app-bar__item:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:transparent;transition:background-color .16s ease;border-radius:0 0 2px 2px}.app-bar__item:hover,.app-bar__item:focus-visible{color:var(--color-sidebar-text);outline:none}.app-bar__item[aria-current=page]{color:#fff}.app-bar__item[aria-current=page]:after{background:#b5641e}.ingredients-sheet{display:flex;position:fixed;bottom:calc(56px + env(safe-area-inset-bottom));left:0;right:0;background:var(--color-sidebar-strong);border-top:1px solid var(--color-sidebar-border);z-index:99;transform:translateY(100%);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}@media(min-width:900px){.ingredients-sheet{display:none!important}}.ingredients-sheet.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.ingredients-sheet__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-3) var(--space-2);color:var(--color-sidebar-muted);font-size:.8125rem;font-weight:500;text-align:center;border-right:1px solid var(--color-sidebar-border);transition:color .16s ease,background-color .16s ease}.ingredients-sheet__link:last-child{border-right:none}.ingredients-sheet__link:hover,.ingredients-sheet__link:focus-visible{color:var(--color-sidebar-text);background:#ffffff0d;outline:none}.ingredients-sheet__link[aria-current=page]{color:#fff}.ingredients-sheet__count{font-family:var(--font-mono);font-size:.625rem;color:var(--color-sidebar-faint)}.site-footer{background:var(--color-sidebar);color:var(--color-sidebar-text);border-top:3px solid var(--color-primary);margin-top:var(--space-20)}.site-footer__inner{max-width:var(--container);margin-inline:auto;padding:var(--space-12) var(--content-pad-x) var(--space-8);display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-8) var(--space-6)}@media(max-width:900px){.site-footer__inner{grid-template-columns:1.4fr 1fr 1fr}}@media(max-width:680px){.site-footer__inner{grid-template-columns:1fr 1fr}}.site-footer__brand{display:inline-flex}.site-footer__brand img{height:32px;width:auto;filter:brightness(0) invert(1);opacity:.9}.site-footer__tag{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--color-sidebar-muted);margin-top:var(--space-3);max-width:30ch;line-height:1.6}.site-footer__col-h{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-sidebar-muted);margin-bottom:var(--space-3);font-weight:500}.site-footer__link{display:block;padding-block:var(--space-1);font-size:.9rem;color:var(--color-sidebar-text);transition:color .16s ease}.site-footer__link:hover,.site-footer__link:focus-visible{color:var(--color-gold);outline:none}.site-footer__colophon{grid-column:1 / -1;border-top:1px solid var(--color-sidebar-border);margin-top:var(--space-4);padding-top:var(--space-4);font-family:var(--font-mono);font-size:.7rem;color:var(--color-sidebar-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.page-key{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);font-weight:500;margin-bottom:var(--space-2)}.page-key:before,.vb-eyebrow:before,.brew-section__title:before,.ingredient-section__title:before,.subblock__title:before,.related-brews__title:before,.brew-stats-block__label:before,.brew-activity__title:before,.stat-cluster__title:before,.stat-rank__section:before,.club-rank__section:before{content:"";display:inline-block;width:3px;height:.9em;margin-right:.5rem;background:var(--color-primary);vertical-align:-.05em;flex-shrink:0}.page-key:before{margin-right:0}.page-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;letter-spacing:-.025em;color:var(--color-text);line-height:1.1;margin-bottom:var(--space-2)}.page-desc{font-size:.9375rem;color:var(--color-text-muted);max-width:56ch;margin-bottom:var(--space-8)}.page-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header-row__meta{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}@media(max-width:899px){.page-header-row{padding-right:2.75rem}}.listing-row{border-bottom:1px solid var(--color-border);border-left:3px solid transparent;transition:background-color .16s ease,border-left-color .16s ease;color:inherit;text-decoration:none}.listing-row:hover,.listing-row:focus-visible{background-color:var(--color-primary-soft);border-left-color:var(--color-primary);outline:none}.brew-row{display:block;padding:var(--space-5) var(--space-3) var(--space-5) var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-3));cursor:pointer}.brew-row[data-hidden=true]{display:none}.brew-row__name-block{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.brew-row__name{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);line-height:1.3}.brew-row__style-code{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary-strong);font-weight:600;background:var(--color-primary-soft);padding:2px 6px;border-radius:3px;line-height:1.5}.brew-row__progress{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.brew-row__progress-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.brew-row__members{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--color-primary-strong)}.brew-row__members svg{flex-shrink:0}.brew-row__style-name{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;color:var(--color-text-faint);margin-bottom:var(--space-2);display:block}.brew-row__brewer-badge{display:block;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--color-text-faint);font-weight:400;opacity:.7;margin-top:2px}.brew-row__note{font-size:.8125rem;color:var(--color-text-muted);font-style:italic;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:60ch}.brew-row__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted)}.brew-row__meta-label{color:var(--color-text-faint);margin-right:var(--space-1);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.brew-row__ingredients,.brew-row__stats,.brew-row__date-col{display:none}@media(min-width:900px){.brew-row{display:grid;grid-template-columns:1fr 200px 200px 110px;gap:var(--space-6);align-items:start}.brew-row__ingredients{display:flex;flex-direction:column;gap:2px;font-size:.8125rem;color:var(--color-text-muted);line-height:1.55;padding-top:2px}.brew-row__yeast{color:var(--color-text-faint);font-style:italic;font-size:.75rem}.brew-row__stats{display:flex;flex-direction:column;gap:2px;text-align:right;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);padding-top:2px}.brew-row__stat-label{color:var(--color-text-faint);margin-right:var(--space-1);font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase}.brew-row__stat-abv{color:var(--color-text)}.brew-row__date-col{display:block;text-align:right;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-muted);padding-top:2px}.brew-row__meta{display:none}}.brew-row-header{display:none;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-3));border-left:3px solid transparent;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);font-weight:500;border-bottom:1px solid var(--color-border)}@media(min-width:900px){.brew-row-header{display:grid;grid-template-columns:1fr 200px 200px 110px;gap:var(--space-6)}.brew-row-header__right{text-align:right}}.brew-filter{margin-bottom:var(--space-6)}.brew-filter__inner{display:flex;flex-direction:column;gap:var(--space-4)}.brew-filter__group{display:flex;flex-direction:column;gap:var(--space-2)}.brew-filter__group-label{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint)}.brew-filter__selects{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:600px){.brew-filter__selects{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.brew-filter__selects{grid-template-columns:repeat(4,1fr)}}.brew-filter__search,.brew-filter__select{font-family:var(--font-body);font-size:.875rem;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);outline:none;box-shadow:0 1px 3px #0000000f;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.brew-filter__search:hover,.brew-filter__select:hover{border-color:var(--color-border-strong)}.brew-filter__search:focus,.brew-filter__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #144c7b1f}.brew-filter__select{appearance:none;cursor:pointer;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a0a0a8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.brew-listing__empty{padding:var(--space-10) 0;color:var(--color-text-muted);font-size:.875rem}.ingredient-list{border-top:1px solid var(--color-border);margin-bottom:var(--space-16)}.ingredient-item{border-bottom:1px solid var(--color-border)}.ingredient-link{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-3) var(--space-3);margin-left:calc(-1 * var(--space-3));margin-right:calc(-1 * var(--space-3));border-left:2px solid transparent;transition:background-color .16s ease,border-left-color .16s ease}.ingredient-link:hover,.ingredient-link:focus-visible{background-color:var(--color-surface-alt);border-left-color:var(--color-primary);outline:none}.ingredient-name{font-size:.9375rem;font-weight:500;color:var(--color-text)}.ingredient-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-faint)}.content a:not([class]){color:var(--color-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 45%,transparent);text-underline-offset:2px;transition:text-decoration-color .16s ease}.content a:not([class]):hover,.content a:not([class]):focus-visible{text-decoration-color:var(--color-primary);outline:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-5) 0}.table-scroll table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.55;color:var(--color-text)}.table-scroll th{text-align:left;vertical-align:bottom;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-strong);white-space:nowrap}.table-scroll td{padding:var(--space-2) var(--space-3);vertical-align:top;border-bottom:1px solid var(--color-border)}.table-scroll tbody tr:last-child td{border-bottom:none}@media(max-width:639px){.table-scroll table{min-width:34rem}}.skip-link{position:absolute;top:-100%;left:var(--space-3);z-index:9999;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:.8125rem;border-radius:var(--radius-sm);text-decoration:none;transition:top .1s ease}.skip-link:focus{top:var(--space-2);outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-to-top[data-astro-cid-5hce7sga]{position:fixed;bottom:var(--space-5);right:var(--space-5);width:2.5rem;height:2.5rem;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(var(--space-2));pointer-events:none;transition:opacity .2s ease,transform .2s ease,color .16s ease,border-color .16s ease;z-index:90}.back-to-top[data-astro-cid-5hce7sga].is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top[data-astro-cid-5hce7sga]:hover,.back-to-top[data-astro-cid-5hce7sga]:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}@media(prefers-reduced-motion:reduce){.back-to-top[data-astro-cid-5hce7sga]{transition:opacity .2s ease;transform:none}.back-to-top[data-astro-cid-5hce7sga].is-visible{transform:none}}