@layer components{.grid{--_cols:var(--_cols-xs);--_cols-xs:1;--_cols-sm:var(--_cols-xs);--_cols-md:var(--_cols-sm);--_cols-lg:var(--_cols-md);--_gap-size:var(--site-gutter);grid-column-gap:var(--_gap-size);grid-row-gap:var(--_gap-size);grid-template-columns:repeat(var(--_cols), minmax(0, 1fr));width:100%;display:grid}@media (min-width:30rem){.grid{--_cols:var(--_cols-sm)}}@media (min-width:48rem){.grid{--_cols:var(--_cols-md)}}@media (min-width:64rem){.grid{--_cols:var(--_cols-lg)}}.grid:is(.autofit,.autofill){--_max-cols:12;--_min-col-width:12;--_fit:(100% - (var(--_max-cols) - 1) * var(--_gap-size)) / var(--_max-cols);--_track:min(max(calc(var(--_min-col-width) * 1rem), var(--_fit)), 100%)}.grid.autofit{grid-template-columns:repeat(auto-fit, minmax(var(--_track), 1fr))}.grid.autofill{grid-template-columns:repeat(auto-fill, minmax(var(--_track), 1fr))}.eyebrow_wrap{align-items:center;justify-content:var(--_alignment,start);gap:var(--space-2);display:inline-flex}.eyebrow_wrap .eyebrow_text{font-size:var(--eyebrow-font-size);font-weight:var(--eyebrow-font-weight);letter-spacing:var(--eyebrow-letter-spacing);text-transform:uppercase}.eyebrow_wrap.status{color:var(--text-2)}.eyebrow_wrap.status .eyebrow_text{font-size:.75rem;font-weight:var(--primary-regular);letter-spacing:var(--letter-spacing-normal);text-transform:none}.eyebrow_wrap.tag{background-color:var(--text);color:var(--background);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small)}.eyebrow_wrap .eyebrow_marker{background-color:var(--text);background-image:var(--accent-gradient);flex:none;width:.4rem;height:.4rem}.overlay{background-color:color-mix(in srgb, black calc(var(--_strength,50) / 100 * 80%), transparent);width:100%;height:100%;position:absolute;inset:0}.overlay.gradient{background-color:color-mix(in srgb, black calc(var(--_strength,50) / 100 * 60%), transparent);background-image:linear-gradient(to bottom, transparent, color-mix(in srgb, black calc(var(--_strength,50) / 100 * 62%), transparent) 84%)}.card_wrap.coffee{border:var(--border-width) solid var(--border);transition:border-color var(--hover-duration);background:0 0;gap:0}.card_wrap.coffee:focus-within{border-image:var(--accent-gradient) 1}@media (hover:hover){.card_wrap.coffee:hover{border-image:var(--accent-gradient) 1}}.card_product-visual{background:var(--background-2);border-bottom:var(--border-width) solid var(--border);justify-content:center;align-items:center;min-height:22rem;padding:2rem;display:flex}.card_product-media{width:min(75%,12rem)}.card_product-placeholder{font-weight:var(--primary-bold);letter-spacing:-.05em;color:#0000;background-image:var(--accent-gradient);background-clip:text;font-size:2rem;line-height:.95}.card_product-content{flex-direction:column;flex-grow:1;gap:1rem;padding:1.75rem;display:flex}.card_product-origin{color:#0000;background-image:var(--accent-gradient);text-transform:uppercase;letter-spacing:.1em;width:fit-content;font-size:.6875rem;font-weight:var(--primary-bold);background-clip:text}.card_product-notes{font-size:.875rem}.card_product-details{color:var(--text-2);font-size:.75rem}.card_product-price{font-size:1.125rem;font-weight:var(--primary-bold);padding-bottom:.5rem}.card_wrap{--_padding:var(--space-6);--_min-height:20rem;--_visual-ratio:3 / 2;gap:var(--_padding);background-color:var(--background-2);border-radius:var(--radius-main);flex-direction:column;width:100%;display:flex;position:relative;overflow:clip}.card_wrap.cover{min-height:var(--_min-height)}.card_wrap.stacked{background-color:#0000;overflow:visible}.card_visual{border-radius:inherit;flex:none;width:100%;position:relative;overflow:clip}.stacked>.card_visual{aspect-ratio:var(--_visual-ratio)}.cover>.card_visual{pointer-events:none;height:100%;position:absolute;inset:0}.card_visual>:is(.image,.video){width:100%;height:100%}.card_visual>:is(.image,.video){width:100%;height:100%}.card_content>.button-wrapper:last-child{padding-top:var(--space-6);margin-top:auto}.card_content{align-items:var(--_alignment,start);text-align:var(--_alignment,start);width:100%;max-width:100%;padding:var(--_padding);flex-direction:column;flex-grow:1;display:flex}.cover>.card_content{z-index:1}.stacked>.card_content{padding-inline:0;padding-top:0}.card_wrap:has(.button_wrap) .button_wrap:after{content:"";position:absolute;inset:0}.card_wrap:has(.button_wrap) .card_content a:not(.button_wrap){z-index:1;position:relative}.card_wrap:has(.button_wrap) .image{transition:scale calc(var(--hover-duration) * 2) var(--hover-ease)}@media (hover:hover){.card_wrap:has(.button_wrap):hover .image{scale:1.04}}.coffee-heading_wrap{--h1-letter-spacing:-.055em;--h1-font-weight:500;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.5rem 3rem;width:100%;display:flex}.coffee-heading_eyebrow{font-size:.6875rem;font-weight:var(--primary-bold);letter-spacing:.12em;color:#0000;background-image:var(--accent-gradient);background-clip:text;width:fit-content;margin-bottom:1.5rem}.coffee-heading_description{max-width:26ch;color:var(--text-2);padding-bottom:.4rem}.coffee-empty_wrap{border:var(--border-width) solid var(--border);grid-template-columns:minmax(12rem,.7fr) 1.3fr;width:100%;display:grid}@media not (min-width:48rem){.coffee-empty_wrap{grid-template-columns:1fr}.coffee-empty_wrap .coffee-empty_art{border-right:0;border-bottom:var(--border-width) solid var(--border);min-height:12rem}.coffee-empty_wrap .coffee-empty_art svg{width:7rem}.coffee-empty_wrap .coffee-empty_content{padding:2rem 1.5rem}}.coffee-empty_art{background:var(--background-2);min-height:19rem;color:var(--heading-accent);border-right:var(--border-width) solid var(--border);justify-content:center;align-items:center;padding:2.5rem;display:flex}.coffee-empty_art svg{width:10rem;height:10rem}.coffee-empty_content{flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);display:flex}.coffee-empty_label{color:#0000;background-image:var(--accent-gradient);width:fit-content;font-size:.6875rem;font-weight:var(--primary-bold);letter-spacing:.12em;background-clip:text;margin-bottom:1.5rem}.coffee-closing_wrap{border-top:var(--border-width) solid var(--border);width:100%;color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.6875rem;display:flex}.coffee-closing_name{font-weight:var(--primary-bold);text-transform:uppercase;letter-spacing:.08em}.hero-mask_wrap{pointer-events:none;opacity:var(--watermark-opacity);position:absolute;inset:0;overflow:clip}.hero-mask_wrap:before{content:"";width:min(var(--watermark-width), calc(100% - var(--space-6) * 2));height:calc(100% - var(--space-6) * 2);background-color:var(--text);mask-image:var(--_mask-image);position:absolute;top:50%;left:50%;translate:-50% -50%;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){.hero-mask_wrap{animation:hero-mask-reveal var(--reveal-duration) var(--reveal-ease) var(--reveal-delay) both}}@keyframes hero-mask-reveal{0%{opacity:0}to{opacity:var(--watermark-opacity)}}}
