.fb-bar{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ash);border-bottom:1px solid var(--color-cream-dark);flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin-bottom:2rem;padding:.75rem 0;font-size:.6875rem;font-weight:500;display:flex}.fb-sep{color:var(--color-cream-dark)}.cc-kicker{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-roast);font-size:.6875rem;font-weight:600;display:block}.cc-kicker-context{color:var(--color-ash)}.cc-tag{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-espresso-light);background:var(--color-cream-dark);align-self:flex-start;margin-bottom:.125rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.cc-roaster{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-ash);font-size:.6875rem;font-weight:600}.cc-card{border-bottom:1px solid var(--color-cream-dark);align-items:flex-start;gap:1.25rem;padding:1.25rem 0;text-decoration:none;transition:background .2s ease-out;display:flex}.cc-card:hover{background:var(--color-cream-dark);margin-inline:-1rem;padding-inline:1rem}.cc-card:focus-visible{outline:2px solid var(--color-roast);outline-offset:-2px}.cc-img-wrap{background:var(--color-cream-dark);flex-shrink:0;width:80px;height:80px;overflow:hidden}.cc-img{object-fit:cover;width:100%;height:100%}.cc-card-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.cc-name{font-family:var(--font-display);color:var(--color-espresso);font-size:1.0625rem;font-weight:700;line-height:1.25}.cc-card:hover .cc-name{color:var(--color-roast)}.cc-meta{font-family:var(--font-mono);color:var(--color-ash);letter-spacing:.04em;font-size:.6875rem}.cc-notes{font-family:var(--font-body);color:var(--color-espresso);margin-top:.25rem;font-size:.875rem;line-height:1.4}@media (width<=30rem){.cc-img-wrap{width:64px;height:64px}.cc-card{gap:1rem}}.cc-featured{border:1px solid var(--color-cream-dark);background:var(--color-cream);gap:2rem;margin-bottom:2.5rem;padding:2rem;text-decoration:none;transition:border-color .2s ease-out;display:flex}.cc-featured:hover{border-color:var(--color-espresso-light)}.cc-featured:focus-visible{outline:2px solid var(--color-roast);outline-offset:2px}.cc-featured-img-wrap{border:1px solid var(--color-cream-dark);background:var(--color-cream);flex-shrink:0;width:200px;height:200px;overflow:hidden}.cc-featured-img{object-fit:contain;width:100%;height:100%}.cc-featured-body{flex-direction:column;gap:.375rem;min-width:0;display:flex}.cc-featured-name{font-family:var(--font-display);color:var(--color-espresso);margin-top:.125rem;font-size:1.75rem;font-weight:700;line-height:1.2}.cc-featured:hover .cc-featured-name{color:var(--color-roast)}.cc-featured-meta{font-family:var(--font-mono);color:var(--color-ash);letter-spacing:.04em;font-size:.75rem}.cc-featured-notes{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.cc-note-tag{font-family:var(--font-body);color:var(--color-espresso);background:var(--color-cream-dark);white-space:nowrap;padding:.25rem .625rem;font-size:.8125rem;font-weight:500;display:inline-block}@media (width<=40rem){.cc-featured{flex-direction:column;gap:1.25rem;padding:1.5rem}.cc-featured-img-wrap{width:100%;height:240px}.cc-featured-name{font-size:1.3125rem}}.rec-header{max-width:calc(var(--measure) + 4rem);margin:0 auto;padding:4rem 2rem 2rem}.rec-kicker{font-family:var(--font-condensed);letter-spacing:.1em;text-transform:uppercase;color:var(--color-roast);margin-bottom:.625rem;font-size:.875rem;font-weight:700;display:block}.rec-h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-espresso);margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.1}.rec-sub{font-family:var(--font-body);color:var(--color-ash);max-width:var(--measure);margin:0;font-size:1rem}.rec-content{max-width:calc(var(--measure) + 4rem);margin:0 auto;padding:0 2rem 4rem}.rec-prose{margin-bottom:2rem}.rec-prose p{font-family:var(--font-body);color:var(--color-espresso);max-width:var(--measure);font-size:1.0625rem;line-height:1.7}.rec-list{margin-bottom:3rem}.rec-section{margin-bottom:2.5rem}.rec-section+.rec-section{border-top:1px solid var(--color-cream-dark);padding-top:2.5rem}.rec-section-heading{font-family:var(--font-display);color:var(--color-espresso);margin:0 0 .75rem;font-size:1.75rem;font-weight:700;line-height:1.2}.rec-empty{text-align:center;padding:2rem 0}.rec-empty p{font-family:var(--font-body);color:var(--color-ash);font-size:1rem;font-style:italic}.rec-advice{border-top:1px solid var(--color-cream-dark);margin-top:1rem;padding-top:2rem}.rec-advice-heading{font-family:var(--font-condensed);letter-spacing:.1em;text-transform:uppercase;color:var(--color-roast);margin:0 0 .75rem;font-size:.875rem;font-weight:700}.rec-advice p{font-family:var(--font-body);color:var(--color-espresso);max-width:var(--measure);font-size:1rem;line-height:1.7}@media (width<=52rem){.rec-header{padding:3rem 1.5rem 1.5rem}.rec-content{padding-left:1.5rem;padding-right:1.5rem}}