: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;--content-pad-x: var(--space-8)}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark;--color-primary: #d98b4a;--color-primary-strong: #e8a76e;--color-primary-soft: #33231a;--color-bg: #14100c;--color-surface: #1e1913;--color-surface-alt: #292219;--color-text: #f1ebe2;--color-text-muted: #a89c8c;--color-text-faint: #6f6558;--color-border: #322a21;--color-border-strong: #4a3f32}@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}img,svg,video,canvas{max-width:100%}img{height:auto}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)}.site-nav__icon--signedin{color:var(--color-primary)}.account-menu{position:relative}.account-menu__panel{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;min-width:11.5rem;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) 0}.account-menu__item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-4);font-size:.875rem;color:var(--color-text);background:none;border:0;cursor:pointer}.account-menu__item:hover,.account-menu__item:focus-visible{color:var(--color-primary-strong);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg));outline:none}.account-menu__signout{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-2)}.masthead__brand .masthead__logo--dark,[data-theme=dark] .masthead__brand .masthead__logo--light{display:none}[data-theme=dark] .masthead__brand .masthead__logo--dark{display:block}.theme-switch{display:inline-flex;align-items:center}.theme-switch[hidden]{display:none}.theme-switch__label{display:none;font-family:var(--font-mono);font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.theme-switch__opts{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.theme-switch__opt{padding:2px var(--space-2);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text-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-text)}.theme-switch__opt[aria-pressed=true]{background:var(--color-surface-alt);color:var(--color-text)}.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)}.account-menu{width:100%}.account-menu__panel{position:static;min-width:0;border:0;padding:0 0 0 var(--space-4)}.theme-switch{order:1;width:100%;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.theme-switch__label{display:block}.theme-switch__opt{min-height:40px;padding-inline:var(--space-4)}.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-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 color-mix(in srgb,var(--color-primary) 18%,transparent)}.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}}