@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-400.woff2)format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/archivo-400-600.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-400.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-700.woff2)format("woff2")}:root{color-scheme:dark;--bg:#14100c;--bg-raise:#1c1610;--surface:#221a12;--foam:#f5efe6;--dim:#9a9182;--faint:#8f8677;--line:#f5a62324;--line-soft:#f5efe614;--accent:#f5a623;--accent-ink:#191006;--accent-deep:#d4890a;--glow:#f5a62329;--glow-faint:#f5a6230e;--can-a:#f5a623;--can-b:#b3620d;--display:"Anton", "Arial Narrow", sans-serif;--body:"Archivo", "Helvetica Neue", sans-serif;--mono:"Space Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-color:#3a3125 var(--bg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--foam);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.wrap{max-width:1200px;margin:0 auto;padding:0 32px}@media (width<=640px){.wrap{padding:0 20px}}body:after{content:"";pointer-events:none;z-index:40;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.96 0 0 0 0 0.94 0 0 0 0 0.9 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;font-weight:400;line-height:.95}.lede{color:var(--dim);max-width:34em}.mono-tag{font-family:var(--mono);letter-spacing:.08em;color:var(--faint);font-size:11.5px}header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{border-radius:22.5%;flex:none;width:34px;height:34px;box-shadow:0 0 0 1px #f5efe61f}.brand-name{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:21px}.brand-name em{color:var(--accent);font-style:normal;transition:color .9s}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--dim);font-size:14.5px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--foam)}@media (width<=760px){.nav-links a:not(.btn){display:none}}.btn{font-family:var(--body);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .9s,color .9s,transform .15s,box-shadow .3s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-solid{background:var(--accent);box-shadow:0 6px 30px -8px var(--glow);color:var(--accent-ink)!important}.btn-solid:hover{box-shadow:0 8px 40px -6px var(--glow)}.btn-ghost{border-color:var(--line);color:var(--foam)!important}.btn-ghost:hover{border-color:var(--accent)}.nav .btn{padding:9px 18px;font-size:14px}.only-touch{display:none!important}@media (width<=760px),(hover:none) and (pointer:coarse){.only-touch{display:inline-flex!important}.only-desk{display:none!important}}.cta{text-align:center;border-bottom:0;position:relative;overflow:hidden}.cta .hero-glow{inset:auto auto -420px 50%;transform:translate(-50%)}.cta h2{margin:0 0 22px;font-size:clamp(52px,8vw,110px)}.cta .lede{margin:0 auto}.store-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:42px;display:flex}.store-btn{text-align:left;border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:13px 24px 13px 18px;text-decoration:none;transition:border-color .25s,background .25s;display:flex}.store-btn:not(.is-soon):hover{border-color:var(--accent);background:var(--glow-faint)}.store-btn.is-soon{border-color:var(--line-soft)}.store-btn.is-soon .s-big{color:var(--dim)}.store-qr{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.store-qr img{background:#fff;border-radius:12px;padding:6px;display:block}@media (width<=760px){.store-qr{display:none}}.store-btn .s-small{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:11px}.store-btn .s-big{font-size:17px;font-weight:600;line-height:1.25}.store-btn--badge{padding:13px 16px}.store-badge{width:auto;height:52px;display:block}.cta .mono-tag{margin-top:26px;display:block}footer{border-top:1px solid var(--line-soft);padding:34px 0 42px}.foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;display:flex}footer .mono-tag{font-size:11px}.foot-legal{font-family:var(--mono);letter-spacing:.04em;color:var(--faint);margin-top:18px;font-size:10px;display:block}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.3,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.foot-link{color:inherit;text-underline-offset:3px}.nav-links a[aria-current=page]{color:var(--foam)}@media (width<=760px){.nav-links{gap:18px}.nav-links a.nav-keep{display:inline}}.chip{border:1px solid var(--line-soft);background:var(--bg-raise);color:var(--foam);border-radius:999px;align-items:center;padding:7px 12px;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}a.chip:hover{border-color:var(--accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;list-style:none;display:grid}@media (width<=420px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.beer-card{border:1px solid var(--line-soft);background:linear-gradient(160deg, var(--bg-raise), var(--bg) 75%);border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.beer-card:hover{border-color:color-mix(in srgb, var(--beer,var(--accent)) 60%, transparent);transform:translateY(-2px)}.beer-card-art{background:radial-gradient(60% 55% at 50% 60%, color-mix(in srgb, var(--beer,var(--accent)) 22%, transparent), transparent 70%);place-items:center;height:196px;display:grid}.beer-card-body{border-top:1px solid var(--line-soft);flex-direction:column;gap:4px;padding:12px 14px 16px;display:flex}.beer-card-name{color:var(--foam);overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.25}.beer-card-meta{color:var(--dim);font-size:13.5px;line-height:1.35}.beer-card-brewery{text-transform:uppercase;margin-top:2px;font-size:10.5px}.beer-art{object-fit:contain;display:block}.beer-art--card{width:auto;max-width:100%;height:168px}.beer-art--hero{filter:drop-shadow(0 30px 50px #00000080);width:auto;height:min(460px,62vw)}.beer-art--blank{aspect-ratio:.55;background:linear-gradient(180deg, #cfc8ba 0 5%, var(--can-a) 5% 62%, var(--can-b) 62% 95%, #cfc8ba 95%);border-radius:14%/8%}.beer-art--card.beer-art--blank{height:150px}.meter{gap:10px;max-width:380px;display:grid}.meter-row{grid-template-columns:52px 1fr;align-items:center;gap:14px;display:grid}.meter-row dd{align-items:center;gap:12px;display:flex}.meter-track{background:var(--line-soft);border-radius:999px;flex:1;height:8px;overflow:hidden}.meter-fill{border-radius:inherit;height:100%;display:block}.meter-fill.is-malt{background:#f5a623}.meter-fill.is-hops{background:#22c55e}.meter-fill.is-body{background:#c084fc}.meter-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--foam);min-width:3ch;font-size:13px}.meter-of{color:var(--faint)}.signup{text-align:left;max-width:520px;margin:48px auto 0}.cta .signup .signup-title{text-align:center;margin:0 0 12px;display:block}.signup-row{gap:10px;display:flex}.signup-input{min-width:0;font:inherit;color:var(--foam);background:var(--bg-raise);border:1px solid var(--line-soft);border-radius:999px;flex:1;padding:12px 20px;font-size:16px}.signup-input::placeholder{color:var(--faint)}.signup-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signup .btn{cursor:pointer;border:0}.signup .btn:disabled{opacity:.6;cursor:progress}.signup-age{color:var(--dim);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:14.5px;display:flex}.signup-age input{width:17px;height:17px;accent-color:var(--accent)}.signup-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.signup-note{color:var(--faint);margin-top:10px;font-size:13.5px}.signup-note a{color:var(--dim)}.signup-status{min-height:1.6em;margin-top:6px;font-size:15px;font-weight:600}.signup[data-state=done] .signup-status{color:var(--accent)}.signup[data-state=error] .signup-status{color:#f87171}@media (width<=520px){.signup-row{flex-direction:column}.signup .btn{justify-content:center}}.nav-links a.nav-search{border:1px solid var(--line-soft);background:var(--bg-raise);min-height:40px;color:var(--dim);border-radius:999px;align-items:center;gap:9px;padding:0 8px 0 14px;display:inline-flex}.nav-links a.nav-search:hover{color:var(--foam);border-color:var(--line)}.nav-search svg{stroke:currentColor;flex:none}.nav-search-label{font-size:14px}.nav-search-kbd{font-family:var(--mono);border:1px solid var(--line-soft);color:var(--faint);border-radius:6px;padding:4px 7px;font-size:11px;line-height:1}@media (width<=960px){.nav-links a.nav-search{justify-content:center;width:44px;height:44px;padding:0}.nav-search-label,.nav-search-kbd{display:none}}html:has(.bsearch[open]){overflow:hidden}.bsearch{width:100%;max-width:none;height:100%;max-height:none;color:var(--foam);background:0 0;border:0;margin:0;padding:9vh 20px 20px;position:fixed;inset:0;overflow:hidden}.bsearch::backdrop{-webkit-backdrop-filter:blur(6px);background:#0a0806b8}.bsearch[open]{justify-content:center;align-items:flex-start;display:flex}.bs-panel{border:1px solid var(--line);background:linear-gradient(170deg, var(--bg-raise), var(--bg) 80%);width:min(680px,100%);max-height:100%;box-shadow:0 40px 120px -30px #000000e6, 0 0 120px -40px var(--glow);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}@media (prefers-reduced-motion:no-preference){.bsearch[open] .bs-panel{animation:.22s cubic-bezier(.2,.7,.3,1) bs-in}@keyframes bs-in{0%{opacity:0;transform:translateY(-10px)scale(.985)}}}.bs-bar{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;padding:14px 14px 14px 20px;display:flex}.bs-icon{stroke:var(--accent);flex:none}.bs-input{min-width:0;font:inherit;color:var(--foam);background:0 0;border:0;flex:1;padding:8px 0;font-size:19px;font-weight:500}.bs-input::placeholder{color:var(--faint)}.bs-input:focus{outline:none}.bs-input::-webkit-search-cancel-button{filter:grayscale()brightness(1.6);cursor:pointer}.bs-close{border:1px solid var(--line-soft);cursor:pointer;background:0 0;border-radius:8px;flex:none;min-width:44px;min-height:36px;padding:0 10px}.bs-close:hover{color:var(--foam)}.bs-close-word{display:none}.bs-status{min-height:1.5em;color:var(--accent);padding:12px 20px 2px}.bs-status:empty{display:none}.bs-body{overscroll-behavior:contain;flex:1;min-height:0;padding:10px 12px 14px;overflow-y:auto}.bs-results{gap:4px;display:grid}.bs-match{border:1px solid color-mix(in srgb, var(--beer,var(--accent)) 45%, transparent);background:radial-gradient(70% 120% at 0% 50%, color-mix(in srgb, var(--beer,var(--accent)) 24%, transparent), transparent 70%), var(--bg);border-radius:18px;grid-template-columns:92px 1fr;align-items:center;gap:18px;margin-bottom:8px;padding:18px 20px 18px 10px;text-decoration:none;display:grid;position:relative;overflow:hidden}.bs-match-art{place-items:center;height:168px;display:grid}.bs-match-art img{object-fit:contain;filter:drop-shadow(0 16px 22px #0000008c);width:auto;max-width:92px;height:168px}.bs-match-art .bs-can{width:52px}.bs-match-body{flex-direction:column;gap:4px;min-width:0;display:flex}.bs-match-tag{color:var(--foam)}.bs-match-tag:before{content:"✓ ";color:var(--beer,var(--accent))}.bs-match-name{font-family:var(--display);text-transform:uppercase;overflow-wrap:anywhere;margin-top:4px;font-size:clamp(30px,6vw,40px);line-height:1}.bs-match-meta{color:var(--foam);font-size:15.5px;font-weight:600}.bs-match-brew{color:var(--dim);font-size:14.5px}.bs-meters{gap:6px;max-width:260px;margin-top:10px;display:grid}.bs-meter{grid-template-columns:44px 1fr;align-items:center;gap:10px;display:grid}.bs-meter .mono-tag{font-size:10px}.bs-meter-track{background:var(--line-soft);border-radius:999px;height:6px;overflow:hidden}.bs-match-go{color:var(--foam);margin-top:12px;font-size:14.5px;font-weight:600}.bs-row{border-radius:14px;grid-template-columns:44px 1fr;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;display:grid}.bs-row-text{flex-direction:column;min-width:0;display:flex}.bs-row-name{overflow-wrap:anywhere;font-weight:600;line-height:1.3}.bs-row-meta{color:var(--dim);font-size:14px;line-height:1.35}.bs-can{aspect-ratio:.55;background:linear-gradient(180deg, #cfc8ba 0 6%, var(--can-a) 6% 62%, var(--can-b) 62% 94%, #cfc8ba 94%);border-radius:14%/8%;justify-self:center;width:22px;display:block}.bs-brew-mark{border:1px solid var(--line);background:var(--glow-faint);width:40px;height:40px;font-family:var(--display);color:var(--accent);border-radius:12px;justify-self:center;place-items:center;font-size:20px;display:grid}.bs-row:hover,.bs-row[aria-selected=true]{background:var(--surface)}.bs-match:hover,.bs-match[aria-selected=true]{border-color:var(--beer,var(--accent))}.bs-row[aria-selected=true],.bs-match[aria-selected=true]{outline:2px solid var(--accent);outline-offset:-2px}.bs-empty,.bs-miss{padding:18px 10px 8px}.bs-empty-title{margin-bottom:12px;font-size:clamp(32px,6vw,44px)}.bs-empty-title .tint{color:var(--accent)}.bs-empty-copy{color:var(--dim);max-width:34em;margin-bottom:20px}.bs-try{margin-bottom:10px;display:block}.bs-chips{flex-wrap:wrap;gap:8px;display:flex}.bs-chips .chip{font:inherit;cursor:pointer;padding:11px 14px;font-size:14px;font-weight:500;line-height:1}.bs-chips .chip:hover{border-color:var(--accent)}.bs-browse{color:var(--foam);text-underline-offset:3px;margin-top:22px;font-size:15px;font-weight:600;display:inline-block}.bs-miss[hidden],.bs-empty[hidden]{display:none}.bs-foot{border-top:1px solid var(--line-soft);background:var(--bg);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 14px 20px;display:flex}.bs-foot-copy{color:var(--dim);font-size:14.5px;line-height:1.4}.bs-foot .btn{flex:none}@media (width<=640px){.bsearch{padding:0}.bs-panel{border:0;border-radius:0;width:100%;height:100%}.bs-bar{padding:10px 10px 10px 16px}.bs-input{font-size:17px}.bs-close-key{display:none}.bs-close-word{display:inline}.bs-match{grid-template-columns:70px 1fr;gap:12px;padding:14px 14px 14px 6px}.bs-match-art,.bs-match-art img{height:136px}.bs-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.bs-foot-copy{display:none}.bs-foot .btn{flex:1;justify-content:center}}