.shop-meta{border-top:1px solid var(--rule-strong)}.shop-meta-row{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;display:flex}.shop-toolbar-wrap{z-index:30;position:relative}.shop-toolbar{border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"filter count""type type";align-items:center;gap:.9rem 1rem;padding-block:1rem;display:grid}.shop-filter-btn{border-radius:var(--radius-pill);background:var(--color-espresso);height:2.75rem;color:var(--color-parchment);font-size:var(--text-small);transition:background-color var(--duration-fast) ease, transform .4s var(--ease-out-expo);grid-area:filter;justify-self:start;align-items:center;gap:.55rem;padding-inline:1.1rem;font-weight:600;display:inline-flex}.shop-filter-btn:hover{background:var(--color-clay)}.shop-filter-btn:active{transform:scale(.97)}.shop-filter-btn .facet-trigger-count{background:var(--color-peach);color:var(--color-espresso)}.shop-toolbar-type{min-width:0;margin-inline:calc(-1 * var(--spacing-gutter));padding-inline:var(--spacing-gutter);scrollbar-width:none;overscroll-behavior-x:contain;grid-area:type;overflow-x:auto}.shop-toolbar-type::-webkit-scrollbar{display:none}.shop-toolbar-facets{grid-area:facets;align-items:center;gap:.25rem;display:none}.shop-toolbar-count{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-bark);white-space:nowrap;grid-area:count;align-items:center;gap:.6rem;font-size:.75rem;display:inline-flex}.shop-count-dot{background:var(--color-dune);width:.45rem;height:.45rem;transition:background-color .3s ease, transform .5s var(--ease-spring);border-radius:50%}.shop-count-dot[data-filtered]{background:var(--color-clay);transform:scale(1.25)}.shop-sort{grid-area:sort;align-items:center;gap:.6rem;display:none;position:relative}.shop-sort select{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--rule-strong);height:2.75rem;color:var(--color-espresso);font:inherit;font-size:var(--text-small);cursor:pointer;transition:border-color var(--duration-fast) ease;background:0 0;padding:0 2.25rem 0 1rem;font-weight:560}.shop-sort select:hover{border-color:var(--color-espresso)}.shop-sort select:focus-visible{outline:2px solid var(--color-clay);outline-offset:3px}.shop-sort svg{position:absolute;right:.9rem}@media (min-width:56rem){.shop-toolbar{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"type filter.count";gap:1rem;padding-block:.7rem}.shop-toolbar-type{margin-inline:0;padding-inline:0;overflow:visible}}@media (min-width:64rem){.shop-toolbar-wrap{top:var(--header-h);transition:transform .65s var(--ease-out-expo);position:sticky}html:has(.site-header[data-hidden]) .shop-toolbar-wrap[data-stuck]{transform:translate3d(0, calc(-1 * var(--header-h)), 0)}.shop-toolbar-wrap:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);width:100vw;box-shadow:0 1px 0 var(--rule);opacity:0;pointer-events:none;background:#f4ecdff0;margin-left:-50vw;transition:opacity .4s;position:absolute;inset:0 auto 0 50%}.shop-toolbar-wrap[data-stuck]:before{opacity:1}.shop-toolbar{transition:border-color .4s}.shop-toolbar-wrap[data-stuck] .shop-toolbar{border-color:#0000}html:has(.shop-toolbar-wrap){scroll-padding-top:calc(var(--header-h) + 5.5rem)}}@media (min-width:80rem){.shop-toolbar{grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"type facets.count sort";gap:1.25rem}.shop-filter-btn{display:none}.shop-toolbar-facets{display:flex}.shop-sort{display:inline-flex}.shop-toolbar-count{border-right:1px solid var(--rule);height:1.5rem;padding-right:.5rem}}.seg{border-radius:var(--radius-pill);border:1px solid var(--rule-strong);background:#fbf7f08c;gap:.2rem;padding:.25rem;display:inline-flex}.seg-option{isolation:isolate;border-radius:var(--radius-pill);height:2.375rem;font-size:var(--text-small);white-space:nowrap;cursor:pointer;transition:color .35s var(--ease-out-quart);align-items:center;gap:.45rem;padding-inline:.95rem;font-weight:560;display:inline-flex;position:relative}.seg-option input{opacity:0;pointer-events:none;position:absolute}.seg-option:before{content:"";z-index:-1;border-radius:inherit;background:var(--color-espresso);opacity:0;transition:opacity .26s ease, transform .56s var(--ease-out-expo);position:absolute;inset:0;transform:scale(.55,.7)}.seg-option:hover:before{opacity:.07;transform:none}.seg-option:has(input:checked){color:var(--color-parchment)}.seg-option:has(input:checked):before{opacity:1;transform:none}.seg-option:has(input:focus-visible){outline:2px solid var(--color-clay);outline-offset:2px}.seg-count{font-family:var(--font-mono);letter-spacing:.04em;opacity:.72;font-variant-numeric:tabular-nums;font-size:.6875rem}.facet-trigger{border-radius:var(--radius-pill);height:2.75rem;font-size:var(--text-small);transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease;border:1px solid #0000;align-items:center;gap:.5rem;padding-inline:1rem .85rem;font-weight:560;display:inline-flex}.facet-trigger:hover,.facet-trigger[aria-expanded=true]{border-color:var(--rule-strong);background:#2419130a}.facet-trigger[data-muted]{color:var(--color-bark)}.facet-trigger-chev{transition:transform .45s var(--ease-out-expo)}.facet-trigger[aria-expanded=true] .facet-trigger-chev{transform:rotate(180deg)}.facet-trigger-count{border-radius:var(--radius-pill);background:var(--color-clay);min-width:1.3rem;height:1.3rem;color:var(--color-linen);font-family:var(--font-mono);animation:chip-pop .42s var(--ease-spring) both;place-items:center;padding-inline:.3rem;font-size:.6875rem;line-height:1;display:inline-grid}.facet-panel{z-index:5;border-radius:var(--radius-md);border:1px solid var(--rule);background:var(--color-linen);width:max-content;min-width:19rem;max-width:26rem;box-shadow:var(--shadow-lift);transform-origin:1.5rem 0;opacity:0;visibility:hidden;transition:opacity .18s ease, transform .38s var(--ease-out-expo), visibility 0s linear .38s;padding:1.35rem 1.35rem 1.25rem;position:absolute;top:calc(100% + .65rem);left:0;transform:translateY(-.5rem)scale(.97)}.facet-panel-end{transform-origin:calc(100% - 1.5rem) 0;left:auto;right:0}.facet-panel[data-open]{opacity:1;visibility:visible;transition:opacity .22s ease, transform .52s var(--ease-out-expo), visibility 0s;transform:none}.facet-chip{border-radius:var(--radius-pill);border:1px solid var(--rule-strong);min-height:2.5rem;font-size:var(--text-small);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform .4s var(--ease-out-expo);align-items:center;gap:.55rem;padding:.35rem .9rem .35rem .7rem;font-weight:560;display:inline-flex;position:relative}.facet-chip input{opacity:0;pointer-events:none;position:absolute}.facet-chip:hover{border-color:var(--color-espresso)}.facet-chip:active{transform:scale(.97)}.facet-chip:has(input:checked){border-color:var(--color-espresso);background:var(--color-espresso);color:var(--color-parchment)}.facet-chip:has(input:focus-visible){outline:2px solid var(--color-clay);outline-offset:3px}.facet-chip:has(input:disabled){cursor:not-allowed;color:var(--color-bark);border-style:dashed}.facet-chip:has(input:disabled):hover{border-color:var(--rule-strong)}.facet-chip-box{opacity:.6;width:1.05rem;height:1.05rem;transition:background-color var(--duration-fast) ease, opacity var(--duration-fast) ease;border:1px solid;border-radius:50%;place-items:center;display:grid}.facet-chip-box svg{transition:transform .38s var(--ease-spring);transform:scale(0)}.facet-chip:has(input:checked) .facet-chip-box{background:var(--color-peach);border-color:var(--color-peach);color:var(--color-espresso);opacity:1}.facet-chip:has(input:checked) .facet-chip-box svg{transform:none}.facet-chip-count{font-family:var(--font-mono);opacity:.75;font-variant-numeric:tabular-nums;font-size:.6875rem}.facet-roast{align-items:flex-end;gap:2px;display:inline-flex}.facet-roast>span{opacity:.25;background:currentColor;border-radius:2px;width:3px;height:.7rem;display:block}.facet-roast>span[data-on]{opacity:1}.shop-chips{padding-top:1rem}.active-chip{border-radius:var(--radius-pill);background:var(--color-oat);height:2.25rem;color:var(--color-espresso);font-size:var(--text-small);animation:chip-pop .42s var(--ease-spring) both;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;align-items:center;gap:.45rem;padding-inline:.95rem .7rem;font-weight:560;display:inline-flex}.active-chip:hover,.active-chip:focus-visible{background:var(--color-espresso);color:var(--color-parchment)}@keyframes chip-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.shop-grid{column-gap:var(--spacing-grid);grid-template-columns:minmax(0,1fr);row-gap:clamp(2.75rem,4.5vw,4rem);padding-top:clamp(2rem,3.5vw,3rem);display:grid;position:relative}.shop-item{min-width:0}.shop-leaving{pointer-events:none;z-index:0;margin:0;position:absolute}.shop-tile{grid-column:1/-1;container-type:inline-size}@media (min-width:40rem){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-tile-subscribe{grid-column:auto}.shop-tile-brew{grid-column:span 2}}@media (min-width:80rem){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-tile-subscribe,.shop-tile-brew{grid-column:1/-1}}.shop-empty{border-radius:var(--radius-lg);border:1px dashed var(--rule-strong);animation:fade-up .5s var(--ease-out-expo) .2s both;background:#fbf7f099;margin-top:1rem}.shop-foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin-top:clamp(3.5rem,6vw,5rem);padding-top:1.5rem;display:flex}.sub-band{isolation:isolate;border-radius:var(--radius-lg);background:var(--color-moss);height:100%;color:var(--color-parchment);gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.sub-band>.texture{z-index:-1;border-radius:inherit}.sub-band-copy{flex-direction:column;align-items:flex-start;display:flex}.sub-band-title{letter-spacing:-.03em;margin-top:1.25rem;font-size:clamp(2rem,2.6vw + .6rem,3.25rem);font-weight:340;line-height:1}.sub-band-title em{color:var(--color-parchment);font-style:italic;display:block}.sub-band-lead{max-width:36ch;font-size:var(--text-small);margin-top:1rem}.sub-band-cta-wide{margin-top:1.75rem;display:none}.sub-band-cta-narrow{margin-top:1.25rem}.sub-band-bag{display:none}.sub-cal{border-top:1px solid var(--rule-inverse);align-self:end;padding-top:1.25rem}.sub-cal-row{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:2.4rem minmax(0,1fr) 1.5rem;align-items:center;gap:.75rem;font-size:.6875rem;display:grid}.sub-cal-track{grid-template-columns:repeat(12,minmax(0,1fr));place-items:center;display:grid}.sub-cal-dot{background:#f4ecdf73;border-radius:50%;width:3px;height:3px;display:block}.sub-cal-dot[data-on]{background:var(--color-peach);width:.7rem;height:.7rem;box-shadow:0 0 0 3px #efa47a2e}.sub-cal-total{text-align:right;font-variant-numeric:tabular-nums}.motion-ok .sub-cal.reveal-in .sub-cal-dot[data-on]{animation:chip-pop .6s var(--ease-spring) both;animation-delay:calc(.2s + var(--i,0) * 28ms)}@container (min-width:46rem){.sub-band{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 11rem;align-items:end;gap:clamp(2rem,4cqi,4rem);padding:clamp(2rem,4cqi,3.5rem)}.sub-band-title em{display:inline}.sub-band-cta-wide{display:block}.sub-band-cta-narrow{display:none}.sub-cal{border-top:0;border-left:1px solid var(--rule-inverse);align-self:end;padding-top:0;padding-left:clamp(1.5rem,3cqi,2.5rem)}.sub-band-bag{filter:drop-shadow(0 22px 26px #140d0966);align-self:end;margin-top:-6rem;margin-bottom:-1rem;display:block;transform:rotate(6deg)}}.brew-tile{border-radius:var(--radius-lg);background:var(--color-oat);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.brew-media{aspect-ratio:3/2;position:relative;overflow:hidden}.brew-media-inner{position:absolute;inset:0}.brew-card{background:var(--color-linen);padding:1.5rem 1.35rem 1.6rem;position:relative}.brew-title{letter-spacing:-.03em;margin-top:.85rem;font-size:clamp(1.9rem,2vw + .9rem,2.9rem);font-weight:340;line-height:1}.brew-title em{color:var(--color-clay);font-style:italic}.brew-recipe{border-block:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.25rem;margin-block:1.35rem 1.25rem;padding-block:1rem;display:grid}.brew-recipe dt{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-bark);font-size:.6875rem}.brew-recipe dd{font-size:var(--text-small);margin-top:.2rem;font-weight:560;line-height:1.3}.brew-lead{font-size:var(--text-small);color:var(--color-bark);margin-bottom:1.35rem}@container (min-width:36rem){.brew-tile{min-height:clamp(27rem,40cqi,36rem);display:block}.brew-media{aspect-ratio:auto;position:absolute;inset:0}.brew-card{border-radius:var(--radius-md);width:min(25rem,46%);box-shadow:var(--shadow-lift);padding:clamp(1.25rem,2.5cqi,2rem);position:absolute;top:50%;right:clamp(1rem,3.5cqi,3rem);translate:0 -50%}}@container (min-width:36rem) and (not (min-width:52rem)){.brew-lead{display:none}.brew-recipe{margin-bottom:1.35rem}}
