.beans_banner__A2uv5{position:relative;min-height:clamp(320px,46vh,480px);overflow:hidden;display:flex;align-items:flex-end;-webkit-padding-before:88px;padding-block-start:88px}.beans_bannerImageWrap__66kgB{position:absolute;inset:0}.beans_bannerScrim__K32gg{position:absolute;inset:0;background:linear-gradient(0deg,oklch(17% .014 45/.88) 0,oklch(17% .014 45/.3))}.beans_bannerContent__dNiLh{position:relative;z-index:2;padding:var(--gutter) var(--gutter) clamp(var(--space-10),6vh,var(--space-16));max-width:var(--max-content);margin-inline:auto;width:100%}.beans_bannerEyebrow__MfJko{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:oklch(72% .15 30);-webkit-margin-after:var(--space-3);margin-block-end:var(--space-3)}.beans_bannerHeading__fmfOA{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));color:var(--color-canvas)}.beans_bannerSubhead__AC3Fz{font-family:var(--font-body);font-size:var(--text-lg);font-weight:400;color:oklch(98.2% .006 75/.88);-webkit-margin-before:var(--space-3);margin-block-start:var(--space-3);max-width:52ch}.beans_beansSection__Kkdcr{background-color:var(--color-canvas);padding-block:clamp(var(--space-16),8vw,var(--space-24))}.beans_inner__01mRx{max-width:var(--max-content);margin-inline:auto;padding-inline:var(--gutter);display:flex;flex-direction:column;gap:var(--space-12)}.beans_note__h6Jr1{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-ink-faint);-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border);-webkit-padding-before:var(--space-8);padding-block-start:var(--space-8);max-width:var(--max-prose)}.BeansBrowser_browser__sS6_L{display:flex;flex-direction:column;gap:var(--space-8)}.BeansBrowser_controls__x9gmm{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:var(--space-5);gap:var(--space-5)}.BeansBrowser_searchField__xdU_a,.BeansBrowser_selectField__WRjRf{display:flex;flex-direction:column;gap:var(--space-2)}.BeansBrowser_label__jPC3N{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--color-ink)}.BeansBrowser_searchInput__pnHPr,.BeansBrowser_select__j18Yr{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;color:var(--color-ink);background-color:var(--color-canvas);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%;min-height:48px;transition:border-color var(--duration-fast) var(--ease-gentle),box-shadow var(--duration-fast) var(--ease-gentle);-moz-appearance:none;appearance:none;-webkit-appearance:none}.BeansBrowser_select__j18Yr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23301316' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:16px;-webkit-padding-end:var(--space-10);padding-inline-end:var(--space-10);cursor:pointer}.BeansBrowser_searchInput__pnHPr:focus,.BeansBrowser_select__j18Yr:focus{outline:none;border-color:var(--color-tomato);box-shadow:0 0 0 3px var(--color-tomato-pale)}.BeansBrowser_roastRow__eJeXO{display:flex;flex-wrap:wrap;gap:var(--space-3)}.BeansBrowser_roastChip__WWAtL{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--color-ink-muted);background-color:var(--color-canvas-alt);border:1.5px solid var(--color-border);padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);min-height:44px;display:inline-flex;align-items:center;transition:background-color var(--duration-fast) var(--ease-gentle),color var(--duration-fast) var(--ease-gentle),border-color var(--duration-fast) var(--ease-gentle)}.BeansBrowser_roastChipActive__1_5y_{background-color:var(--color-tomato);border-color:var(--color-tomato);color:var(--color-ink-inverse)}.BeansBrowser_resultCount__AjPJ7{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-ink-faint)}.BeansBrowser_empty__uUyqz{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink-muted);background-color:var(--color-canvas-alt);border-radius:var(--radius-md);padding:var(--space-6)}.BeansBrowser_grid__L8urc{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-5);gap:var(--space-5)}.BeansBrowser_card__gx__w{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background-color:var(--color-canvas-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.BeansBrowser_cardHeader__o5964{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.BeansBrowser_beanName__2TDGW{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-ink);line-height:var(--leading-snug)}.BeansBrowser_beanPrice__gjRcV{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--color-ink);white-space:nowrap;flex-shrink:0}.BeansBrowser_beanUnit__Pg6Em{font-weight:400;color:var(--color-ink-faint)}.BeansBrowser_beanOrigin__byzyy{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-tomato-deep)}.BeansBrowser_beanNotes__3wCrw{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-ink-muted);text-wrap:pretty}.BeansBrowser_roastBadge__55XD2{align-self:flex-start;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-faint);background-color:var(--color-canvas);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);-webkit-margin-before:var(--space-1);margin-block-start:var(--space-1)}@media (max-width:700px){.BeansBrowser_controls__x9gmm,.BeansBrowser_grid__L8urc{grid-template-columns:1fr}}