@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_50c08a1f-module__-PGakq__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_50c08a1f-module__-PGakq__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_72f1f974-module__KiVOkG__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_72f1f974-module__KiVOkG__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--ink:#1b181c;--paper:#f6f4ef;--white:#fff;--signal:#f4ec32;--lilac:#d9b4e8;--blue:#1699db;--magenta:#c8319c;--ink-muted:#59535c;--surface:#eeeae2;--line:#1b181c24;--font-body:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-head:var(--font-display), "Helvetica Neue", Helvetica, Arial, sans-serif;--font-code:var(--font-mono), ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:clamp(16px, 4vw, 56px);--max:1320px;--radius-lg:18px;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.masthead-meta,.lang-switch,.hero-stats,.card-style,.card-meta dt,.chip span{font-family:var(--font-code)}.brand-symbol,.brand-wordmark{background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.brand-symbol{aspect-ratio:480/390;-webkit-mask-image:url(/brand/brewdrops-symbol.png);mask-image:url(/brand/brewdrops-symbol.png)}.brand-wordmark{aspect-ratio:639.4/163.3;-webkit-mask-image:url(/brand/brewdrops-wordmark.svg);mask-image:url(/brand/brewdrops-wordmark.svg)}.masthead{max-width:var(--max);padding:28px var(--gutter) 20px;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.lockup{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.lockup .brand-wordmark{width:clamp(140px,17vw,200px)}.lockup .brand-symbol{width:clamp(44px,5vw,62px);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.lockup:hover .brand-symbol{transform:rotate(-12deg)}.masthead-end{align-items:center;gap:20px;display:flex}.masthead-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap;font-size:12px}.lang-switch{border:1px solid var(--ink);border-radius:999px;display:inline-flex;overflow:hidden}.lang-switch a{letter-spacing:.06em;padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .15s}.lang-switch a:hover{background:var(--surface)}.lang-switch a[aria-current=page]{background:var(--ink);color:var(--paper)}main{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);padding:clamp(8px,2vw,24px) 0 clamp(40px,5vw,64px);display:grid}.hero-card{border-radius:var(--radius-lg);background:var(--signal);isolation:isolate;min-height:clamp(420px,42vw,560px);animation:.6s ease-out backwards rise;display:flex;position:relative;overflow:hidden;container-type:inline-size}.hero-pixels{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-burst{width:clamp(44px,5vw,64px);color:var(--ink);position:absolute;top:clamp(28px,4vw,48px);left:clamp(220px,34vw,460px);transform:rotate(-8deg)}.hero-content{align-self:flex-end;max-width:640px;padding:clamp(28px,4.5vw,56px)}.hero-title{font-family:var(--font-head);letter-spacing:-.045em;font-size:clamp(48px,7.2vw,104px);font-weight:800;line-height:.9}.hero-title span{width:fit-content;display:block}.hero-title:lang(en){font-size:clamp(44px,6.3vw,92px)}.hero-swash{width:clamp(140px,18vw,220px);color:var(--ink);margin:clamp(10px,1.4vw,16px) 0 0 4px}.hero-lede{width:fit-content;max-width:32ch;margin-top:clamp(24px,3vw,36px);font-size:clamp(18px,1.8vw,24px);line-height:1.4}.hero-stats{letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:4px 10px;width:fit-content;margin-top:18px;font-size:12px;display:flex}.hero-stats strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.hero-stats span{color:#1b181c73}.pick{animation:.6s ease-out .12s backwards rise;display:flex}.pick-card{border-radius:var(--radius-lg);background:var(--ink);min-height:460px;color:var(--paper);isolation:isolate;flex-direction:column;flex:1;padding:clamp(18px,2vw,24px);text-decoration:none;display:flex;position:relative;overflow:hidden}.pick-pixels{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.pick-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pick-label{font-family:var(--font-head);letter-spacing:-.025em;font-size:24px;font-weight:800;line-height:1.05}.pick-head .score-pill{flex:none;position:static}.pick-media{flex:1;min-height:220px;margin:4px 0;position:relative}.pick-media img{object-fit:contain;filter:drop-shadow(0 20px 22px #00000080);width:76%;height:100%;transition:transform .32s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:0 12%}.pick-card:hover .pick-media img{transform:rotate(-5deg)scale(1.04)}.pick-body{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pick-body>div{width:fit-content}.pick-brewery{color:#f6f4efb8;font-size:13px}.pick-name{font-family:var(--font-head);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.1}.pick-go{background:var(--paper);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;transition:transform .2s,background-color .2s;display:grid}.pick-card:hover .pick-go{background:var(--signal);transform:translate(3px)}.score-pill{z-index:2;background:var(--signal);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:baseline;gap:6px;padding:5px 10px 5px 9px;font-size:11px;font-weight:700;text-decoration:none;transition:transform .16s;display:inline-flex;position:absolute;top:10px;right:10px}.score-pill strong{font-family:var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}a.score-pill:hover{transform:rotate(-3deg)}.drops{padding-bottom:clamp(72px,9vw,128px)}.drops-head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:20px;display:flex}.drops-title{font-family:var(--font-head);letter-spacing:-.045em;font-size:clamp(36px,4.6vw,60px);font-weight:800;line-height:.95}.rating-toggle{border:1px solid var(--ink);border-radius:999px;display:inline-flex;overflow:hidden}.rating-toggle button{font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .15s,color .15s}.rating-toggle button:hover{background:var(--surface)}.rating-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chips{flex-wrap:wrap;gap:8px;margin:20px 0 32px;display:flex}.chip{background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip span{opacity:.6;font-variant-numeric:tabular-nums;font-size:12px;font-weight:400}.chip:hover{border-color:var(--ink)}.chip[data-family=all],.chip[data-family=belgian]{background:var(--white);border-color:var(--line)}.chip[data-family=ipa]{background:var(--signal)}.chip[data-family=stout]{background:var(--lilac)}.chip[data-family=sour]{background:var(--magenta);color:var(--paper)}.chip[data-family=sour] span{opacity:.8}.chip[data-family=lager]{background:var(--blue)}.chip[data-family=other]{background:var(--surface)}.chip[data-family][aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);animation:.45s ease-out backwards rise;animation-delay:calc(var(--i,0) * 40ms + .2s);flex-direction:column;padding:8px;transition:border-color .16s,transform .16s;display:flex;position:relative}.card:hover,.card:focus-within{border-color:var(--ink);transform:translateY(-2px)}.card-media{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface);transition:background-color .22s;position:relative;overflow:hidden}.card[data-active] .card-media{background:var(--ink)}.card-pixels{width:100%;height:100%;animation:.32s ease-out both pixels-in;position:absolute;inset:0}@keyframes pixels-in{0%{opacity:0}}.card-media img{object-fit:contain;width:calc(100% - 48px);height:calc(100% - 52px);transition:transform .3s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:32px 24px 20px}.card:hover .card-media img{transform:rotate(-5deg)scale(1.05)}.card[data-active] .card-media img{filter:drop-shadow(0 16px 18px #00000080)}.card-body{flex-direction:column;flex:1;padding:14px 8px 8px;display:flex}.card-style{letter-spacing:.02em;text-transform:uppercase;color:var(--ink-muted);font-size:11px}.card-title{font-family:var(--font-head);letter-spacing:-.02em;margin-top:6px;font-size:clamp(21px,1.9vw,26px);font-weight:700;line-height:1.1}.card-title a{text-decoration:none}.card-title a:after{content:"";z-index:1;border-radius:var(--radius);position:absolute;inset:0}.card-brewery{color:var(--ink-muted);margin-top:4px;font-size:14px}.card-meta{border-top:1px solid var(--line);margin-top:auto;padding-top:14px;gap:18px;margin-inline:-8px;padding-inline:8px;display:flex}.card-body>:nth-last-child(2){margin-bottom:16px}.card-meta div{flex-direction:column-reverse;display:flex}.card-meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:10px}.card-meta dd{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.sticker{--tilt:0deg;height:auto;transform:rotate(var(--tilt));-webkit-user-select:none;user-select:none;transition:transform .26s cubic-bezier(.3,1.5,.5,1);display:block}.hero-sticker:hover,.footer-sticker:hover{transform:rotate(calc(var(--tilt) * .5)) translateY(-3px) scale(1.04)}.drops-body{position:relative}.drops-stickers{z-index:0;pointer-events:none;position:absolute;inset:0}.drops .grid{z-index:1;position:relative}.side-sticker{top:var(--top-3);position:absolute}.side-sticker--left{left:clamp(-170px,-10vw,-100px)}.side-sticker--right{right:clamp(-160px,-9vw,-90px)}.side-sticker--yellow{--tilt:-14deg;width:clamp(240px,21vw,320px)}.side-sticker--lilac{--tilt:16deg;width:clamp(220px,19vw,290px)}.side-sticker--blue{--tilt:-8deg;width:clamp(200px,17vw,260px)}.hero-main{display:flex;position:relative}.hero-main>.hero-card{flex:1}.hero-sticker{--tilt:14deg;z-index:3;width:clamp(104px,10vw,148px);position:absolute;bottom:14%;right:clamp(-44px,-2.8vw,-24px)}.footer-brand{align-items:center;gap:14px;display:flex}.footer-sticker{--tilt:-10deg;width:104px}.footer-brand .brand-wordmark{width:140px}.about{max-width:var(--max);padding:0 var(--gutter) clamp(48px, 6vw, 72px);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px 32px;margin:0 auto;display:grid}.about-title{font-family:var(--font-head);letter-spacing:-.03em;font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.05}.about p{max-width:60ch;font-size:clamp(16px,1.4vw,19px);line-height:1.5}@media (max-width:640px){.about{grid-template-columns:1fr}}.footer{max-width:var(--max);padding:40px var(--gutter) 56px;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;margin:0 auto;display:flex}.footer p{max-width:46ch;color:var(--ink-muted);font-size:14px}.footer a{color:var(--ink);-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue);text-underline-offset:3px;text-decoration-thickness:2px}.footer a:hover{color:var(--blue)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:860px){.hero{grid-template-columns:1fr}.drops-stickers{z-index:2}.side-sticker{top:var(--top-2)}.side-sticker--left{left:calc(-1 * var(--gutter) - 26px)}.side-sticker--right{right:calc(-1 * var(--gutter) - 26px)}.side-sticker--yellow,.side-sticker--lilac,.side-sticker--blue{width:124px}.hero-card{min-height:520px}.hero-burst{left:28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pick{display:none}.hero-sticker{width:88px;bottom:-30px;right:14px}.drops{padding-top:12px}.hero-card{min-height:0}.hero-content{padding-top:150px}.hero-title,.hero-title:lang(en){font-size:calc(22.7273cqi - 12.7273px)}.hero-title:lang(en){font-size:calc(19.2308cqi - 10.7692px)}}@media (max-width:560px){.masthead-meta{display:none}.lockup{gap:10px}.lockup .brand-wordmark{width:116px}.lockup .brand-symbol{width:36px}.drops-head{flex-wrap:wrap}.grid{grid-template-columns:1fr}.side-sticker{top:var(--top-1)}.side-sticker--yellow,.side-sticker--lilac,.side-sticker--blue{width:100px}}