@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.15orukf5wyxb5.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:700;font-display:swap;src:url(../media/f53f4557ddd9f7a6-s.1u-lvzo58r3-e.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:700;font-display:swap;src:url(../media/5256dd17dd2ccf14-s.37c107x1d-cfz.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:700;font-display:swap;src:url(../media/fe48c93add1d142c-s.3_gspotjv4tkw.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:700;font-display:swap;src:url(../media/5689d89b20a4bd5b-s.0m-w082keobar.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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:700;font-display:swap;src:url(../media/a7e15459c1805da0-s.p.3y9b8znjr2455.woff2?dpl=dpl_HMsuG225bhukwcwgQexDwJDAGGKd)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_304a0530-module__FytebW__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_304a0530-module__FytebW__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--ink:#151210;--ink-2:#4a423c;--yellow:#ffd200;--yellow-d:#e8bf00;--cream:#f6f3ee;--line:#15121024;--line-2:#15121012;--green:#1f7a4a;--green-s:#e2f2e8;--sky:#cfe6ec;--sky-d:#1d5f6e;--clay:#f3d9d2;--clay-d:#a03a26;--moss:#e0ebd8;--red:#b4291f;--red-s:#fbe6e3;--r-l:26px;--r-m:16px;--r-s:10px;--shadow:0 18px 44px -26px #15121073;--shadow-lg:0 34px 70px -30px #15121066;--font:var(--font-mono),"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ease:cubic-bezier(.22,.75,.25,1)}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.14}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}section{padding:72px 0}.band-sec{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-top:12px}.band-sec .sec-top p{color:#2f2a26}.band-sec .h-sec:after{background:var(--ink)}.band-sky .h-sec:after{background:var(--yellow)}.band-sec .wrap{z-index:1;position:relative}.band-sky{background:var(--sky)}.band-clay{background:var(--clay)}.band-moss{background:var(--moss)}.band-cream{background:var(--cream)}.rule{background:var(--ink);width:calc(100% - 44px);max-width:1180px;height:2px;margin:0 auto}.wave{width:100%;height:22px;color:var(--ink);display:block}.dots{opacity:.5;pointer-events:none;width:120px;height:70px;position:absolute}.blob{pointer-events:none;z-index:-1;border-radius:50%;position:absolute}.sec-pos{position:relative;overflow:hidden}.tick{background:var(--yellow);border-radius:4px;width:42px;height:8px;margin-bottom:16px;display:inline-block}.kick{align-items:center;gap:10px;margin-bottom:12px;display:flex}.kick i{background:var(--ink);color:var(--yellow);letter-spacing:.08em;border-radius:6px;padding:4px 9px;font-size:11.5px;font-style:normal;font-weight:700}.kick span{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:11.5px;font-weight:600}.sec-top p{max-width:60ch}.sec-top p+p{margin-top:12px}.lead-in{color:var(--ink);font-weight:700}mark{background:linear-gradient(transparent 58%,var(--yellow) 58%);color:inherit;padding:0 1px}.cnote{gap:10px;display:grid}.cnote b{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-size:11.5px;display:block}.spec{border-bottom:1px dotted var(--line);padding:7px 0}.spec:last-of-type{border-bottom:0}.spec s{padding-top:1px}.fix{margin-top:10px}.fix p+p{margin-top:9px}.tastes{max-width:52ch}.lab{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.lab.red{color:var(--red)}.h-sec{padding-bottom:9px;font-size:clamp(20px,2.5vw,26px);display:inline-block;position:relative}.h-sec:after{content:"";background:var(--yellow);border-radius:3px;width:100%;height:5px;position:absolute;bottom:0;left:0}.sec-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.sec-top p{color:var(--ink-2);max-width:56ch;font-size:15px;line-height:1.7}.btn{border:2px solid var(--ink);cursor:pointer;font-family:var(--font);text-transform:uppercase;letter-spacing:.06em;transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.cost{border:2px solid var(--ink);border-radius:var(--r-l);background:#fff;overflow:hidden}.cost .ch{background:var(--ink);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.cost .ch h3{color:#fff;font-size:16px}.cost .ch span{color:#b7ada4;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.crow{border-bottom:1px solid var(--line-2);grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:15px 22px;font-size:13px;display:grid}.crow.head{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);background:var(--cream);border-bottom:2px solid var(--ink);font-size:11.5px}.crow b.num{font-size:16px;font-weight:700}.crow.total{background:var(--yellow);border-bottom:0;font-weight:700}.crow.total b.num{font-size:20px}.cnote{color:var(--ink-2);border-top:1px solid var(--line-2);padding:18px 22px;font-size:13.5px;line-height:1.65}.crow .who{align-items:center;gap:11px;display:flex}.crow label.who{cursor:pointer}.crow .who input[type=radio],label.opt input[type=checkbox]{appearance:none;border:2.5px solid var(--ink);cursor:pointer;width:24px;height:24px;transition:background .15s var(--ease),transform .15s var(--ease);background:#fff;border-radius:6px;flex:none;margin:0;transform:rotate(-2deg)}label.opt input[type=checkbox]{width:21px;height:21px;transform:rotate(2deg)}.crow .who input[type=radio]:hover,label.opt input[type=checkbox]:hover{transform:rotate(-2deg)scale(1.06)}.crow .who input[type=radio]:checked,label.opt input[type=checkbox]:checked{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M2 8.5c1.6 1.4 3.1 2.9 4.4 4.6C9 8.6 12.6 4.2 17.2 1.4' fill='none' stroke='%23ffd200' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px 12px no-repeat}.crow .who input[type=radio]:focus-visible,label.opt input[type=checkbox]:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.dot.home{border:2.5px solid var(--ink);background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'%3E%3Cpath d='M2 8.5c1.6 1.4 3.1 2.9 4.4 4.6C9 8.6 12.6 4.2 17.2 1.4' fill='none' stroke='%23151210' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px 12px no-repeat;border-radius:6px;flex:none;width:24px;height:24px;transform:rotate(-2deg)}.crow:has(input[name=venue]:checked){background:var(--cream)}.cost .ch select{font-family:var(--font);border:2px solid var(--yellow);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;padding:8px 12px;font-size:12.5px}.cost .ch select:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.trend{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tcard{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .22s var(--ease),box-shadow .22s var(--ease);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tcard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.tcard .ph{border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.tcard img{object-fit:cover;width:100%;height:132px;transition:transform .8s var(--ease)}.tcard:hover img{transform:scale(1.06)}.rank{background:var(--yellow);border:2px solid var(--ink);z-index:2;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.tcard .in{flex-direction:column;flex:1;gap:7px;padding:14px;display:flex}.tcard b{text-transform:uppercase;font-size:14px}.tcard .exp{color:var(--ink-2);font-size:14px;line-height:1.6}.tcard .mv{letter-spacing:.06em;text-transform:uppercase;color:var(--green);border-top:1px solid var(--line-2);margin-top:auto;padding-top:10px;font-size:11px;font-weight:600}.band-roast{background:linear-gradient(#fdf2e0,#f7e3c4)}.scalewrap{padding-top:58px;position:relative}.scalebar{border:2px solid var(--ink);background:linear-gradient(90deg,#eccf9f 0%,#d3a463 25%,#ab7231 50%,#7c4a17 75%,#3d2207 100%);border-radius:99px;height:14px;position:absolute;top:6px;left:0;right:0}.scaleticks{grid-template-columns:repeat(5,1fr);gap:12px;display:grid;position:absolute;top:30px;left:0;right:0}.scaleticks i{background:var(--ink);width:2px;height:15px;transition:height .2s var(--ease),width .2s var(--ease),background .2s var(--ease);border-radius:2px;justify-self:center}.scaleticks i.on{background:var(--yellow-d);width:4px;height:20px}.scaleend{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:10px;position:absolute;top:33px}.scaleend.l{left:0}.scaleend.r{right:0}.roastrow{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.rbean{width:100%;font-family:var(--font);cursor:pointer;border:2px solid var(--ink);border-radius:var(--r-m);color:var(--ink);text-align:center;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);background:#fdfaf4;flex-direction:column;align-items:center;gap:8px;padding:18px 14px 14px;text-decoration:none;display:flex;position:relative}.rbean:hover{box-shadow:6px 8px 0 var(--ink);background:#fff;transform:translateY(-5px)}.rbean:hover svg{transform:scale(1.07)rotate(-4deg)}.rbean svg{width:46px;height:54px;transition:transform .25s var(--ease);display:block}.rbean b{text-transform:uppercase;letter-spacing:.04em;font-size:13px}.rbean .notes{color:var(--ink-2);font-size:12px;line-height:1.45}.rbean .cnt{letter-spacing:.06em;text-transform:uppercase;background:var(--yellow);border:1.5px solid var(--ink);transition:background .2s var(--ease),color .2s var(--ease);border-radius:999px;align-items:center;gap:8px;margin-top:auto;padding:5px 12px;font-size:11px;font-weight:700;display:flex}.rbean:active{box-shadow:4px 5px 0 var(--ink);transform:translateY(-2px)}.rbean:hover .cnt{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.rbean:hover .cnt span{transform:translate(3px)}.rbean .cnt span{transition:transform .2s var(--ease);display:inline-block}.roastnote{color:var(--ink-2);max-width:96ch;margin-top:16px;font-size:12.5px;line-height:1.7}.band-dark{background:var(--ink);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.band-dark h2{color:#fff}.band-dark .h-sec:after{background:var(--yellow)}.band-dark .sec-top p{color:#e6ded6}.band-dark .lead-in{color:#fff}.band-dark mark{color:var(--yellow);background:0 0}.band-dark .btn{color:#fff;background:0 0;border-color:#fff}.band-dark .btn:hover{color:var(--ink);background:#fff}.pgrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.pcard{border:2px solid var(--ink);border-radius:var(--r-m);color:var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease);background:#fff;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:7px 9px 0 var(--yellow);transform:translateY(-5px)}.rank{z-index:2;background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.pcard .ph{border-bottom:2px solid var(--ink);overflow:hidden}.pcard img{object-fit:cover;width:100%;height:140px;transition:transform .7s var(--ease);display:block}.pcard:hover img{transform:scale(1.05)}.pcard .pi{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.pcard .brandline{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.pcard h3{font-size:14.5px;line-height:1.3}.bigprice{align-items:baseline;gap:6px;display:flex}.bigprice b{font-size:26px;font-weight:700;line-height:1}.bigprice span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.meter{border:1.5px solid var(--ink);background:#fff;border-radius:99px;height:9px;overflow:hidden}.meter i{background:var(--yellow);height:100%;display:block}.meterlab{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;font-size:10px;display:flex}.saves{background:var(--green-s);color:var(--green);border:1.5px solid var(--green);border-radius:999px;align-self:flex-start;padding:4px 9px;font-size:11.5px;font-weight:700}.pcard .cta{background:var(--yellow);border-top:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;padding:11px 14px;font-size:11.5px;font-weight:700;display:flex}@media (max-width:1000px){.roastrow{grid-template-columns:repeat(3,1fr);row-gap:34px}.scaleticks{display:none}.pgrid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.roastrow{grid-template-columns:1fr 1fr}.scalebar,.scaleend,.scaleticks{display:none}.scalewrap{padding-top:0}}.mgrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mcard{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .2s var(--ease),box-shadow .2s var(--ease);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.mcard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.mcard .ph{border-bottom:2px solid var(--ink);overflow:hidden}.mcard img{object-fit:cover;width:100%;height:150px;transition:transform .7s var(--ease);display:block}.mcard:hover img{transform:scale(1.05)}.mcard .mi{flex-direction:column;flex:1;gap:7px;padding:14px;display:flex}.mcard .brandline{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);font-size:10.5px}.mcard h3{font-size:14.5px;line-height:1.3}.mcard .watch{color:var(--ink-2);font-size:12.5px;line-height:1.5}.mcard .watch b{color:var(--ink)}.mcard .go{letter-spacing:.06em;text-transform:uppercase;border-bottom:3px solid var(--yellow);align-self:flex-start;margin-top:auto;padding-top:12px;padding-bottom:1px;font-size:11.5px;font-weight:700}.btn-y{background:var(--yellow);border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.btn-y:hover{background:var(--yellow-d);box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.btn-y:active{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.btn-y.btn-sm{box-shadow:4px 4px 0 var(--ink)}.sparks{width:78px;height:26px;margin:0 0 14px;display:block}.sparks.mid{margin:0 auto 14px}.beanrow{align-items:flex-end;gap:9px;margin-top:20px;display:flex}.beanrow.mid{justify-content:center}.beanrow svg{width:26px;height:32px}.beanrow svg:nth-child(2){width:20px;height:25px;margin-bottom:-3px}.beanrow svg:nth-child(3){width:30px;height:36px;transform:rotate(8deg)}.scribble{width:150px;height:14px;margin:8px 0 0;display:block}.scribble.mid{margin:8px auto 0}.btn-k{background:var(--ink);color:#fff}.btn-k:hover{background:#000}.btn-sm{padding:8px 14px;font-size:11.5px}.btn:focus-visible,.chip:focus-visible,.navtrig:focus-visible,.tab:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.navwrap{z-index:60;border-bottom:2px solid var(--ink);background:#fff;position:sticky;top:0}.nav{align-items:center;gap:18px;padding:12px 0;display:flex}.logo{letter-spacing:.02em;text-transform:uppercase;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;text-decoration:none;display:flex}.logo-img{width:auto;height:42px;display:block}@media (max-width:860px){.logo-img{height:34px}}.bean{background:var(--ink);border-radius:50%/58% 58% 42% 42%;flex:none;width:20px;height:20px;position:relative;transform:rotate(-18deg)}.bean:after{content:"";background:var(--yellow);border-radius:99px;position:absolute;inset:3px 8px}.navlist{gap:2px;margin-left:10px;display:flex}.navtrig{font-family:var(--font);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;color:var(--ink);background:0 0;border:0;align-items:center;gap:7px;padding:9px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative}.navtrig:after{content:"";background:var(--yellow);transform-origin:0;height:4px;transition:transform .24s var(--ease);border-radius:3px;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)}.navtrig:hover:after,.navtrig[aria-expanded=true]:after{transform:scaleX(1)}.caret{width:6px;height:6px;transition:transform .25s var(--ease);border-bottom:1.8px solid;border-right:1.8px solid;transform:rotate(45deg)translateY(-2px)}.navtrig[aria-expanded=true] .caret{transform:rotate(-135deg)translateY(-2px)}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.megapos{position:relative}.mega{border:2px solid var(--ink);border-radius:0 0 var(--r-l) var(--r-l);box-shadow:var(--shadow-lg);z-index:70;opacity:0;visibility:hidden;transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s;background:#fff;border-top:0;grid-template-columns:1fr 1fr 1.5fr;gap:30px;padding:28px;display:grid;position:absolute;top:100%;left:22px;right:22px;transform:translateY(-8px)}.mega.open{opacity:1;visibility:visible;transform:translateY(0)}.mega .mh{text-transform:uppercase;letter-spacing:-.01em;margin-bottom:14px;padding-bottom:7px;font-size:13px;font-weight:700;line-height:1.14;display:inline-block;position:relative}.mega .mh:after{content:"";background:var(--yellow);border-radius:3px;width:100%;height:4px;position:absolute;bottom:0;left:0}.mlink{transition:background .16s var(--ease),transform .16s var(--ease);border-radius:8px;align-items:center;gap:10px;padding:9px;font-size:14px;text-decoration:none;display:flex}.mlink:hover{background:var(--cream);transform:translate(3px)}.ic{background:var(--yellow);border-radius:6px;flex:none;place-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:grid}.feat{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fcard{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .2s var(--ease),box-shadow .2s var(--ease);background:#fff;text-decoration:none;overflow:hidden}.fcard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.fcard img{object-fit:cover;width:100%;height:104px}.fcard .fin{padding:11px}.fcard p{font-size:13px;font-weight:600;line-height:1.35}.scrim{opacity:0;visibility:hidden;transition:.24s var(--ease);z-index:50;background:#15121033;position:fixed;inset:0}.scrim.on{opacity:1;visibility:visible}html.anim .rv{opacity:0;transition:opacity .65s var(--ease),transform .65s var(--ease);transform:translateY(20px)}html.anim .rv.in{opacity:1;transform:none}.rv{opacity:1}.rv-d1{transition-delay:70ms}.rv-d2{transition-delay:.14s}.rv-d3{transition-delay:.21s}.rv-d4{transition-delay:.28s}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transition:none;transform:none}*{animation:none!important}}.hero{border-radius:var(--r-l);border:2px solid var(--ink);background:var(--ink);color:#fff;isolation:isolate;width:calc(100% - 44px);max-width:1180px;margin:20px auto 0;overflow:hidden}.hero-cols{grid-template-columns:1.05fr .95fr;display:grid}.heroband{border-top:2px solid var(--ink);background:var(--yellow);grid-template-columns:repeat(3,1fr);gap:22px;padding:22px 26px 20px;display:grid}.hbl{color:var(--ink);text-align:center;text-decoration:none;display:block}.hbl .ph{border:2px solid var(--ink);transition:transform .2s var(--ease),box-shadow .2s var(--ease);border-radius:12px;overflow:hidden}.hbl:hover .ph{box-shadow:5px 7px 0 var(--ink);transform:translateY(-4px)}.hbl img{object-fit:cover;width:100%;height:132px;display:block}.hbl b{text-transform:uppercase;letter-spacing:.06em;margin-top:11px;font-size:12.5px;display:block}.hero .hin{padding:40px 40px 36px}.herosearch{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:5px 5px 5px 16px;display:flex}.herosearch input{font-family:var(--font);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 0;font-size:14.5px}.hero .trust{color:#cdc3ba;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:12.5px;display:flex}.hero .trust b{color:var(--yellow);font-weight:700}.hero .alt{color:#fff;border-bottom:2px solid var(--yellow);align-items:center;gap:7px;margin-top:18px;padding-bottom:2px;font-size:13.5px;text-decoration:none;display:inline-flex}.hero .alt:hover{color:var(--yellow)}.scrollcue{letter-spacing:.12em;text-transform:uppercase;color:#a89e95;align-items:center;gap:9px;margin-top:26px;font-size:11.5px;display:flex}.scrollcue i{border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow);width:16px;height:16px;animation:1.8s ease-in-out infinite bob;display:block;transform:rotate(45deg)}@keyframes bob{0%,to{transform:rotate(45deg)translate(0)}50%{transform:rotate(45deg)translate(3px,3px)}}.hero .kw{letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin:0 0 16px;font-size:12.5px;font-weight:700}.hero .bigcopy{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(28px,3.9vw,46px);font-weight:700;line-height:1.08}.hero .bigcopy .y{color:var(--yellow)}.hero .lede{color:#ece4dc;max-width:42ch;margin-top:14px;font-size:16px;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero .stats{letter-spacing:.06em;text-transform:uppercase;color:#cdc3ba;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:12px;display:flex}.hero .stats b{color:var(--yellow);letter-spacing:0;font-size:20px;display:block}.hero .hph{min-height:380px;position:relative;overflow:hidden}.hero .hph img{object-fit:contain;object-position:50% 50%;width:100%;height:100%}.hero .hph{background:var(--ink)}@keyframes drift{0%{transform:scale(1.05)}to{transform:scale(1.13)translate(-1.5%,-1.5%)}}.beans{z-index:2;gap:5px;display:flex;position:absolute;top:22px;left:22px}.beans i{background:var(--yellow);border-radius:50%/58% 58% 42% 42%;width:11px;height:15px;transform:rotate(-18deg);box-shadow:inset 0 0 0 1.5px #1512108c}.strip{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.rcard{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .22s var(--ease),box-shadow .22s var(--ease);background:#fff;text-decoration:none;overflow:hidden}.rcard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.rcard .ph{border-bottom:2px solid var(--ink);overflow:hidden}.rcard img{object-fit:cover;width:100%;height:118px;transition:transform .8s var(--ease)}.rcard:hover img{transform:scale(1.06)}.rcard .in{padding:13px}.rcard b{text-transform:uppercase;margin:9px 0 4px;font-size:13px;display:block}.rcard span{color:var(--ink-2);font-size:13.5px;line-height:1.55;display:block}.roast{vertical-align:-2px;gap:3px;display:inline-flex}.roast i{background:0 0;border-radius:50%/58% 58% 42% 42%;width:9px;height:12px;transform:rotate(-18deg);box-shadow:inset 0 0 0 1.4px #15121059}.roast i.on{box-shadow:none;background:#2f1c10}.roast-line{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.prods{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.prod{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .22s var(--ease),box-shadow .22s var(--ease);background:#fff;flex-direction:column;display:flex;overflow:hidden}.prod:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.prod .tile{border-bottom:2px solid var(--ink);position:relative;overflow:hidden}.prod .tile img{object-fit:cover;width:100%;height:184px;transition:transform .8s var(--ease)}.prod:hover .tile img{transform:scale(1.05)}.badges{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.badge{letter-spacing:.09em;text-transform:uppercase;border:1.5px solid var(--ink);background:#fff;border-radius:5px;padding:4px 7px;font-size:9.5px;font-weight:700}.badge.y{background:var(--yellow)}.badge.g{background:var(--green-s);color:var(--green);border-color:var(--green)}.prod .pin{flex-direction:column;flex:1;gap:9px;padding:14px;display:flex}.prod h3{font-size:13.5px;line-height:1.3}.prod .brand{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.tastes{color:var(--ink-2);font-size:14px;line-height:1.6}.tastes b{color:var(--ink);font-weight:600}.prod .foot{border-top:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.cup{font-size:17px;font-weight:700;line-height:1}.cup small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:4px;font-size:10.5px;font-weight:400;display:block}.score{background:var(--yellow);border:1.5px solid var(--ink);border-radius:6px;padding:3px 7px;font-size:12px;font-weight:700}.blackblock{border-radius:var(--r-l);border:2px solid var(--ink);background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.blackblock img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;min-height:340px}.blackblock .bin{padding:44px}.blackblock h2{color:#fff;font-size:clamp(21px,2.6vw,30px)}.blackblock .yl{background:var(--yellow);border-radius:3px;width:64px;height:5px;margin:14px 0 18px}.blackblock p.intro{color:#ece4dc;max-width:50ch;font-size:15px;line-height:1.7}.plist{gap:16px;margin-top:24px;display:grid}.pitem{grid-template-columns:34px 1fr;gap:13px;display:grid}.pnum{background:var(--yellow);width:34px;height:34px;color:var(--ink);border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:grid}.pitem b{letter-spacing:.07em;text-transform:uppercase;margin-bottom:4px;font-size:12.5px;display:block}.pitem p{color:#ddd4cb;font-size:14px;line-height:1.65}.finder{border:2px solid var(--ink);border-radius:var(--r-l);background:#fff;overflow:hidden}.tabs{border-bottom:2px solid var(--ink);display:flex}.tab{background:var(--cream);font-family:var(--font);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2);cursor:pointer;transition:background .2s var(--ease);border:0;flex:1;padding:14px 10px;font-size:12px;font-weight:700}.tab+.tab{border-left:2px solid var(--ink)}.tab[aria-selected=true]{background:var(--yellow);color:var(--ink)}.fbody{animation:fade .3s var(--ease);padding:22px}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.searchline{border:2px solid var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 16px;display:flex}.searchline input{font-family:var(--font);background:0 0;border:0;outline:none;flex:1;padding:9px 0;font-size:13.5px}.hint{color:var(--ink-2);margin-top:14px;font-size:14px;line-height:1.7}.chips{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chip{font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;border:1.5px solid var(--ink);cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease);background:#fff;border-radius:999px;padding:7px 12px;font-size:11.5px;font-weight:600}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.tab{justify-content:center;align-items:center;gap:10px;display:flex}.tab svg{flex:none;width:19px;height:19px}.ico-y{color:var(--yellow-d)}.fq{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.fq-lab{align-items:center;gap:11px;max-width:190px;font-size:13.5px;font-weight:700;line-height:1.4;display:flex}.fq-lab svg{flex:none;width:30px;height:30px}.typecards{flex-wrap:wrap;flex:1;gap:12px;display:flex}.typecard{text-align:left;font-family:var(--font);cursor:pointer;border:2px solid var(--ink);min-width:250px;transition:background .16s var(--ease);background:#fff;border-radius:14px;flex:1;align-items:center;gap:13px;padding:11px 18px;display:flex}.typecard svg{flex:none;width:28px;height:28px}.typecard b{letter-spacing:.02em;font-size:13.5px;display:block}.typecard i{color:var(--ink-2);margin-top:3px;font-size:12px;font-style:normal;display:block}.typecard[aria-pressed=true]{background:#fdf5d8}.searchline.eg-line{margin-top:16px}.searchline.eg-line input{flex:0 260px}.searchline .eg{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.fpoints{gap:13px;margin-top:18px;display:grid}.fpoint{align-items:flex-start;gap:14px;display:flex}.fpoint svg{flex:none;width:26px;height:26px;margin-top:2px}.fpoint p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.65}.steps{grid-template-columns:1fr 1fr 1fr;margin:-22px -22px 0;display:grid}.steps>div{padding:20px 22px}.steps>div+div{border-left:2px solid var(--line)}.steps h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.steps .sub{color:var(--ink-2);margin:5px 0 0;font-size:12.5px}.brews{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.brew{border:2px solid var(--ink);cursor:pointer;min-width:74px;min-height:50px;font-family:var(--font);transition:background .16s var(--ease),transform .16s var(--ease);background:#fff;border-radius:12px;align-content:center;justify-items:center;gap:5px;padding:10px 14px;display:grid}.brew:hover{background:var(--cream)}.brew svg{width:20px;height:20px}.brew span{letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;font-weight:700}.brew[aria-pressed=true]{background:var(--yellow)}.fnote{border-top:2px solid var(--ink);background:#fdf9e8;flex-wrap:wrap;align-items:center;gap:14px;margin:22px -22px -22px;padding:16px 22px;display:flex}.fnote svg{flex:none;width:24px;height:24px}.fnote p{min-width:240px;color:var(--ink-2);flex:1;margin:0;font-size:13.5px;line-height:1.6}.fnote .pill{border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700}@media (max-width:900px){.steps{grid-template-columns:1fr}.steps>div+div{border-left:0;border-top:2px solid var(--line)}.typecard{min-width:100%}.searchline.eg-line{border-radius:20px;flex-wrap:wrap;padding:10px 12px}.searchline.eg-line input{flex:100%}.searchline .eg{display:none}.tab{gap:7px;padding:13px 8px;font-size:11px}}.ladder{border:2px solid var(--ink);border-radius:var(--r-l);overflow:hidden}.ladder .lh{background:var(--yellow);border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 18px;display:flex}.ladder .lb{padding:6px 18px 18px}.lrow{grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:grid}.lrow+.lrow{border-top:1px solid var(--line-2)}.favi{background:var(--cream);border:1.5px solid var(--ink);border-radius:6px;place-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:grid}.retail{align-items:center;gap:9px;display:flex}.pc{font-size:14px;font-weight:700}.tag{letter-spacing:.08em;text-transform:uppercase;border:1.5px solid;border-radius:5px;padding:3px 7px;font-size:9.5px;font-weight:700}.tag.best{background:var(--green-s);color:var(--green);border-color:var(--green)}.tag.sub{background:var(--red-s);color:var(--red);border-color:var(--red)}.sheet{border:2px solid var(--ink);border-radius:var(--r-l);background:#fff;overflow:hidden}.sheet .sh{border-bottom:2px dashed var(--line);background:var(--cream);justify-content:space-between;gap:14px;padding:18px;display:flex}.stamp{border:2px solid var(--red);color:var(--red);letter-spacing:.09em;text-transform:uppercase;text-align:center;white-space:nowrap;border-radius:7px;height:max-content;padding:6px 9px;font-size:9.5px;font-weight:700;line-height:1.4;transform:rotate(-3deg)}.sheet .sb{padding:18px}.note{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);grid-template-columns:82px 1fr 32px;align-items:center;gap:10px;padding:5px 0;font-size:11.5px;display:grid}.track{border:1.5px solid var(--ink);background:#fff;border-radius:99px;height:8px;overflow:hidden}.track i{background:var(--yellow);width:0;height:100%;transition:width 1.1s var(--ease);display:block}.rv.in .track i{width:var(--w)}.note .v{text-align:right;color:var(--ink);font-size:11.5px;font-weight:700}.quote{border-left:5px solid var(--yellow);margin-top:16px;padding-left:14px;font-size:13.5px;line-height:1.6}.byline{letter-spacing:.05em;color:var(--ink-2);margin-top:14px;font-size:12.5px}.band{background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-top:70px;padding:34px 0}.band-in{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bcard{text-align:center;text-decoration:none}.bcard .ph{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .22s var(--ease);overflow:hidden}.bcard:hover .ph{transform:translateY(-4px)}.bcard img{object-fit:cover;width:100%;height:150px}.bcard b{text-transform:uppercase;letter-spacing:.06em;margin-top:12px;font-size:13px;display:block}.faq{max-width:820px;margin:0 auto}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:13.5px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";transition:transform .25s var(--ease);font-size:18px;font-weight:400}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--ink-2);max-width:70ch;padding:0 0 18px;font-size:13px}footer{background:var(--ink);color:#e6ded6;padding:52px 0 30px}.fcols{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:26px;display:grid}.fcols .fh{text-transform:uppercase;color:#fff;letter-spacing:.08em;margin-bottom:14px;padding-bottom:6px;font-size:12px;font-weight:700;line-height:1.14;display:inline-block;position:relative}.fcols .fh:after{content:"";background:var(--yellow);border-radius:2px;width:100%;height:3px;position:absolute;bottom:0;left:0}.fcols a{padding:4px 0;font-size:13.5px;text-decoration:none;transition:color .16s;display:block}.fcols a:hover{color:var(--yellow)}.fbase{letter-spacing:.03em;color:#bcb2a9;border-top:1px solid #ffffff29;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:38px;padding-top:20px;font-size:12.5px;display:flex}.subhero{border-radius:var(--r-l);border:2px solid var(--ink);isolation:isolate;text-align:center;width:calc(100% - 44px);max-width:1180px;margin:20px auto 0;padding:56px 34px;position:relative;overflow:hidden}.subhero h1,.subhero p{margin-left:auto;margin-right:auto}.subhero img.bgi{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.subhero:before{content:"";z-index:-1;background:linear-gradient(100deg,#151210eb,#1512109e);position:absolute;inset:0}.subhero h1{color:#fff;max-width:22ch;font-size:clamp(24px,3.2vw,38px);line-height:1.12}.subhero p{color:#f0e9e2;max-width:58ch;margin-top:14px;font-size:15.5px;line-height:1.7}.cmp{grid-template-columns:264px 1fr;gap:24px;padding-top:34px;display:grid}.filters{border:2px solid var(--ink);border-radius:var(--r-m);background:#fff;height:max-content;padding:18px;position:sticky;top:80px}.fgroup{border-top:1px solid var(--line);padding:15px 0}.fgroup:first-child{border-top:0;padding-top:0}.fgroup h4{letter-spacing:.1em;margin-bottom:11px;font-size:11.5px}label.opt{cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:13.5px;line-height:1.4;display:flex}input[type=range]{width:100%;accent-color:var(--ink)}select{font-family:var(--font);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:10px 14px;font-size:12.5px}.rbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.row{border:2px solid var(--ink);border-radius:var(--r-m);transition:transform .22s var(--ease),box-shadow .22s var(--ease);background:#fff;grid-template-columns:154px 1fr 196px;margin-bottom:14px;display:grid;overflow:hidden}.row:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.row .ph{border-right:2px solid var(--ink);overflow:hidden}.row img{object-fit:cover;width:100%;height:100%;min-height:158px;transition:transform .8s var(--ease)}.row:hover img{transform:scale(1.05)}.row .mid{flex-direction:column;gap:8px;padding:16px 18px;display:flex}.row h3{font-size:15px}.row .price{border-left:2px solid var(--ink);background:var(--cream);text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;padding:16px 18px;display:flex}.per-cup{font-size:24px;font-weight:700;line-height:1}.per-cup small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-top:5px;font-size:9.5px;font-weight:400;display:block}.pager{justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:12px;display:flex}.pager button{border:2px solid var(--ink);cursor:pointer;width:34px;height:34px;font-family:var(--font);background:#fff;border-radius:999px}.pager button:hover{background:var(--yellow)}.fgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fgrid.split{grid-template-columns:1.15fr .85fr}.feature{border:2px solid var(--ink);border-radius:var(--r-l);isolation:isolate;color:#fff;min-height:290px;transition:transform .22s var(--ease),box-shadow .22s var(--ease);flex-direction:column;justify-content:flex-end;padding:26px;text-decoration:none;display:flex;position:relative;overflow:hidden}.feature:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.feature img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform .9s var(--ease);position:absolute;inset:0}.feature:hover img{transform:scale(1.05)}.feature:before{content:"";z-index:-1;background:linear-gradient(#1512101a,#151210e0);position:absolute;inset:0}.feature h3{max-width:22ch;margin:10px 0 8px;font-size:20px}.feature p{color:#ece4dc;max-width:46ch;font-size:14px}.frow{grid-template-columns:1fr 1fr 1.4fr;gap:16px;margin:30px 0 24px;display:grid}.field{border-bottom:2px solid var(--ink);padding-bottom:5px}.field span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:2px;font-size:10.5px;display:block}.field select,.field input{width:100%;font-size:13px;font-family:var(--font);background:0 0;border:0;padding:6px 0}.field select:focus,.field input:focus{outline:none}.rgrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page{display:none}.page.active{animation:pagein .4s var(--ease);display:block}@keyframes pagein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1000px){.mgrid{grid-template-columns:1fr 1fr}.mega{grid-template-columns:1fr 1fr;gap:20px;padding:22px}.mega .featcol{grid-column:1/-1}.prods{grid-template-columns:1fr 1fr}.strip{grid-template-columns:repeat(3,1fr)}.trend{grid-template-columns:1fr 1fr}}@media (max-width:860px){.navlist{display:none}.hero,.blackblock,.fgrid,.fgrid.split,.frow,.rgrid,.fcols,.band-in,.cmp{grid-template-columns:1fr}.hero{margin-top:14px}.hero-cols{grid-template-columns:1fr}.heroband{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.hbl img{height:96px}.hbl:last-child{grid-column:1/-1}.hero .hin{padding:26px 22px 24px}.hero .bigcopy{font-size:25px}.hero .lede{margin-top:12px;font-size:15px}.hero .hph{order:-1;min-height:150px}.hero .hph img{height:150px}.scrollcue{display:none}.herosearch{margin-top:18px}.blackblock .bin{padding:26px}.strip,.rgrid{grid-template-columns:1fr 1fr}.filters{position:static}.row{grid-template-columns:1fr}.row .ph{border-right:0;border-bottom:2px solid var(--ink)}.row .price{border-left:0;border-top:2px solid var(--ink);text-align:left;align-items:flex-start}.crow{grid-template-columns:1fr 1fr;gap:8px}.trend{grid-template-columns:1fr}}.bgrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.bcardx{border:2px solid var(--ink);border-radius:var(--r-m);background:#fff;padding:15px 16px}.bcardx h3{letter-spacing:.03em;font-size:13px}.bcardx .grind{letter-spacing:.09em;text-transform:uppercase;border:1.5px solid var(--ink);background:var(--yellow);border-radius:999px;margin-top:8px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.bcardx p{color:var(--ink-2);margin-top:9px;font-size:13px;line-height:1.6}.factrow{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.fact{border:2px solid var(--ink);border-radius:var(--r-m);background:var(--cream);padding:16px 18px}.fact h3{letter-spacing:.06em;font-size:12.5px}.fact dl{margin:12px 0 0}.fact dt{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.fact dd{color:var(--ink-2);margin:3px 0 12px;font-size:13px;line-height:1.6}.fact dd:last-of-type{margin-bottom:0}.artwrap{max-width:940px}.backlink{letter-spacing:.07em;text-transform:uppercase;border-bottom:2px solid var(--yellow);padding-bottom:2px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.artmeta{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;gap:10px;margin-top:22px;font-size:11.5px;display:flex}.artlede{margin-top:16px;font-size:17px;line-height:1.7}.artp{color:var(--ink-2);max-width:72ch;margin-top:12px;font-size:14.5px;line-height:1.75}.artwrap .bgrid{margin-top:18px}.artnext{border:2px solid var(--ink);border-radius:var(--r-m);background:var(--cream);margin-top:34px;padding:20px 22px}.artnext b{letter-spacing:.09em;text-transform:uppercase;font-size:12px}.artlinks{gap:10px;margin-top:12px;display:grid}.artlinks a{border-bottom:2px solid var(--yellow);width:max-content;max-width:100%;padding-bottom:2px;font-size:14px;text-decoration:none}.navtoggle{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:38px;padding:0;display:none}.navtoggle i{background:var(--ink);width:18px;height:2.5px;transition:transform .22s var(--ease),opacity .22s var(--ease);border-radius:2px;display:block}.navtoggle[aria-expanded=true] i:first-child{transform:translateY(6.5px)rotate(45deg)}.navtoggle[aria-expanded=true] i:nth-child(2){opacity:0}.navtoggle[aria-expanded=true] i:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.mnav{border-left:2px solid var(--ink);z-index:80;width:min(330px,88vw);transition:transform .28s var(--ease);visibility:hidden;background:#fff;flex-direction:column;gap:2px;padding:16px 18px 22px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:auto;transform:translate(103%)}.mnav.open{visibility:visible;transform:none}.mnav-top{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:14px;display:flex}.mnav-logo{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.mnav-logo-img{width:auto;height:32px;display:block}.mnav-x{cursor:pointer;font-size:28px;line-height:1;font-family:var(--font);color:var(--ink);background:0 0;border:0;padding:0 4px}.mnav a{transition:background .16s var(--ease);border-radius:10px;padding:13px 10px;font-size:15px;font-weight:600;text-decoration:none;display:block}.mnav a:active{background:var(--cream)}.mnav-foot{border-top:2px solid var(--ink);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);gap:12px;margin-top:auto;padding-top:18px;font-size:11.5px;display:grid}.mnav-foot .btn{justify-content:center}.filtoggle{width:100%;font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:12px;font-weight:700;display:none}@media (max-width:860px){.navtoggle{display:flex}.navsave{display:none}.nav{gap:10px;padding:10px 0}section{padding:48px 0}.wrap{padding:0 16px}.sec-top{gap:14px}.filtoggle{display:flex}.filters{padding:14px}.filters .fgroup{display:none}.filters.open .fgroup{display:block}.filters.open .filtoggle{margin-bottom:6px}.filtoggle[aria-expanded=true] .caret{transform:rotate(-135deg)translateY(-2px)}.subhero{width:calc(100% - 32px);padding:34px 20px}.cmp{padding-top:24px}}@media (max-width:640px){.bgrid{grid-template-columns:1fr 1fr}.factrow{grid-template-columns:1fr}.pgrid,.prods,.mgrid,.trend,.rgrid,.strip,.band-in{grid-template-columns:1fr 1fr;gap:10px}.pcard img,.prod img,.mcard img{height:104px}.pcard .pi{gap:6px;padding:11px}.pcard h3{font-size:12.5px;line-height:1.25}.pcard .brandline{font-size:9.5px}.bigprice b{font-size:19px}.bigprice span{font-size:10.5px}.pcard .cta{letter-spacing:.04em;padding:9px 11px;font-size:10px}.pcard .meter{margin-top:2px}.pcard .saves{padding:4px 8px;font-size:10.5px}.rank{padding:2px 6px;font-size:10.5px;top:8px;left:8px}.bcard img{height:104px}.bcard b{margin-top:8px;font-size:11.5px}}@media (max-width:560px){.hero .bigcopy{font-size:22px}.hero .hin{padding:22px 18px 20px}.hero .trust{flex-wrap:wrap;gap:6px;font-size:11px}.herosearch{border-radius:20px;flex-wrap:wrap}.herosearch input{text-align:left;flex:100%}.herosearch .btn{justify-content:center;width:100%}.heroband{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.hbl:last-child{grid-column:1/-1}.h-sec{font-size:19px}.blackblock .bin{padding:22px 18px}.mnav{width:min(330px,92vw)}.roastrow{grid-template-columns:1fr;row-gap:10px}.rbean{text-align:left;flex-direction:row;align-items:center;gap:14px;padding:13px}.rbean svg{flex:none;width:36px;height:42px}.rbean .cnt{flex:none;margin:0 0 0 auto}.rbean b{font-size:12.5px}.rbean .notes{font-size:11.5px}.rbean:hover{box-shadow:none;transform:none}.fbody{padding:16px}.steps{margin:-16px -16px 0}.steps>div{padding:16px}.fnote{margin:16px -16px -16px;padding:14px 16px}.tab{letter-spacing:.04em;padding:12px 6px;font-size:10.5px}.tab svg{width:16px;height:16px}.typecard{padding:12px 14px}.brews .brew{flex:calc(33.333% - 6px);min-width:0;padding:10px 6px}.crow.head{display:none}.crow{grid-template-columns:1fr auto;align-items:start;gap:4px 12px;padding:13px 16px}.crow .who{grid-area:1/1;font-size:12.5px;line-height:1.4}.crow b.num{text-align:right;grid-area:1/2;justify-self:end}.crow b.num:after{content:"per cup";letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin-top:2px;font-size:9px;font-weight:600;display:block}.crow.total b.num:after{color:#4a3f00}.crow span[data-cell=week]{grid-area:2/1}.crow span[data-cell=year]{grid-area:2/2;justify-self:end}.crow span[data-cell=week],.crow span[data-cell=year]{color:var(--ink-2);font-size:11.5px}.crow.total span[data-cell=week],.crow.total span[data-cell=year]{color:#4a3f00}.crow span[data-cell=week]:before{content:"Per week ";letter-spacing:.08em;text-transform:uppercase;font-size:9.5px}.crow span[data-cell=year]:before{content:"Per year ";letter-spacing:.08em;text-transform:uppercase;font-size:9.5px}.cost .ch{gap:10px;padding:16px}.cnote{padding:14px 16px;font-size:12.5px}.sheet .sh{flex-wrap:wrap;padding:16px}.stamp{padding:5px 8px;font-size:9px;transform:rotate(-2deg)}.sheet .sb{padding:16px}.note{grid-template-columns:70px 1fr 30px;gap:8px;font-size:10px}.note .v{font-size:11px}.quote{padding-left:12px;font-size:13px}.ladder .lh{padding:12px 14px}.ladder .lb{padding:4px 14px 14px}.lrow{grid-template-columns:1fr auto;gap:4px 10px;font-size:12.5px}.lrow .tag{grid-column:2;justify-self:end}}@media (max-width:400px){.bgrid{grid-template-columns:1fr}.pgrid,.prods,.mgrid,.trend,.rgrid,.strip,.band-in{gap:8px}.pcard h3{font-size:12px}.brews .brew{flex:calc(50% - 4px)}.heroband{grid-template-columns:1fr}.hbl:last-child{grid-column:auto}}