:root{--roast:#1a0e07;--roast-mid:#2e1a0c;--amber:#c97b3a;--amber-light:#e09a58;--cream:#f0e4d0;--cream-warm:#f8f2e8;--tile:#b84530;--smoke:#9e8c7a;--white:#fdf9f4;--roast-rgb:26,14,7;--amber-rgb:201,123,58;--cream-rgb:240,228,208;--line:rgba(var(--roast-rgb),.12);--ink-muted:#7a6857;--ff-display:"Playfair Display",Georgia,serif;--ff-body:"DM Sans",system-ui,sans-serif;--ff-mono:"DM Mono",ui-monospace,monospace;--ff-num:"DM Mono",ui-monospace,monospace;--page-width:1180px;--section-pad:90px;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:clamp(16px,1.1vw,18px);--fs-lg:clamp(21px,2vw,25px);--fs-xl:clamp(26px,2.6vw,32px);--fs-2xl:clamp(32px,3.4vw,40px);--fs-3xl:clamp(42px,4.8vw,62px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:90px;--dur:.2s;--dur-slow:.32s;--ease:cubic-bezier(.2,.6,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--cream-warm);color:var(--roast);font-family:var(--ff-body);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3,h4{font-family:var(--ff-display);font-weight:900;letter-spacing:-.025em;line-height:.94}h1{font-size:var(--fs-3xl);line-height:.9;letter-spacing:-.03em}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl);font-weight:700}h4{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.015em}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.scheme-ember :focus-visible,.scheme-roast-mid :focus-visible{outline-color:var(--amber-light)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.scheme-ember{background:var(--roast);color:var(--cream);--fg:var(--cream);--muted:var(--smoke);--brd:rgba(var(--amber-rgb),.25)}.scheme-cream{background:var(--cream-warm);color:var(--roast);--fg:var(--roast);--muted:var(--smoke);--brd:var(--line)}.scheme-amber{background:var(--amber);color:var(--roast);--fg:var(--roast);--muted:var(--roast-mid);--brd:rgba(var(--roast-rgb),.2)}.scheme-roast-mid{background:var(--roast-mid);color:var(--cream);--fg:var(--cream);--muted:var(--smoke);--brd:rgba(var(--amber-rgb),.25)}.logo-slot{display:block;flex-shrink:0;line-height:0}.logo-mark{display:block;width:100%;height:auto;aspect-ratio:1}.wrap{max-width:var(--page-width);margin:0 auto;padding:0 var(--sp-7)}.section-pad{padding:var(--section-pad) 0}.eyebrow{font-family:var(--ff-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.rule{width:74px;height:1px;background:currentColor;opacity:.32;margin:var(--sp-6) 0 var(--sp-5)}.mono{font-family:var(--ff-num);font-variant-numeric:tabular-nums}.h-display{font-family:var(--ff-display);font-weight:900;line-height:.9;letter-spacing:-.03em}.h-caps{font-family:var(--ff-display);font-weight:900;line-height:.9;letter-spacing:.005em;text-transform:uppercase}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-5);margin-bottom:var(--sp-7)}.sec-head h2{font-family:var(--ff-display);font-size:var(--fs-2xl);font-weight:900;line-height:.94;letter-spacing:-.025em}.sec-head .lnk{font-family:var(--ff-body);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--amber);white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:1px;transition:color var(--dur) var(--ease)}.sec-head .lnk:hover{color:var(--amber-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--ff-body);font-size:14px;font-weight:550;letter-spacing:0;text-transform:none;padding:var(--sp-4) var(--sp-5);border:none;border-radius:var(--btn-radius,0);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none;cursor:not-allowed}.btn-amber{background:var(--amber);color:var(--roast)}.btn-amber:hover{background:var(--amber-light)}.btn-ghost{background:transparent;color:var(--cream);border:1px solid rgba(var(--cream-rgb),.35)}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.btn-dark{background:var(--roast);color:var(--cream)}.btn-dark:hover{background:var(--roast-mid)}.btn-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:14px;font-weight:500;color:inherit;transition:color var(--dur) var(--ease),gap var(--dur) var(--ease)}.btn-link:hover{color:var(--amber);gap:13px}.bean-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--amber-rgb),.3);pointer-events:none}.card{--card-accent:var(--amber);background:var(--white);border:1px solid var(--line);border-top:4px solid var(--card-accent);display:flex;flex-direction:column;position:relative;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card:hover,.card:focus-within{transform:translateY(-2px);border-color:var(--card-accent)}.card-media{position:relative;aspect-ratio:4/5;background:var(--cream-warm);overflow:hidden}.card-media img{position:absolute;inset:var(--sp-4);width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;transition:transform var(--dur-slow) var(--ease)}.card:hover .card-media img{transform:scale(1.025)}.card-tag{position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:3;background:var(--card-accent);color:var(--roast);font-family:var(--ff-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:5px 9px}.card-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1);flex:1;border-top:1px solid var(--line)}.card-origin{font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.card-name{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:700;line-height:1.02;letter-spacing:-.02em;margin-top:var(--sp-1)}.card-variety{font-family:var(--ff-mono);font-size:11px;color:var(--ink-muted);margin-top:var(--sp-1)}.card-notes{font-size:13px;color:var(--roast);line-height:1.5;margin-top:var(--sp-2)}.card-tech{display:grid;grid-template-columns:1fr auto;gap:var(--sp-3);align-items:end;border-top:1px solid var(--line);margin-top:var(--sp-4);padding-top:var(--sp-3)}.card-process{font-family:var(--ff-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.card-roast{width:72px}.card-roast-track{height:3px;background:var(--line);position:relative}.card-roast-fill{position:absolute;inset:0 auto 0 0;background:var(--card-accent)}.card-foot{margin-top:auto;padding-top:var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.card-price{font-family:var(--ff-num);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.card-add{font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--roast);border:1px solid var(--roast);background:none;padding:9px 13px;transition:.2s}.card-add:hover{background:var(--roast);color:var(--cream)}.card-add[disabled]{opacity:.45;cursor:not-allowed}.price{font-family:var(--ff-num);font-variant-numeric:tabular-nums}.price--on-sale .price__regular{text-decoration:line-through;color:var(--ink-muted);margin-right:8px}.price__sale{color:var(--tile)}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(80px);z-index:9998;background:var(--roast);color:var(--cream);font-family:var(--ff-body);font-size:13.5px;font-weight:500;letter-spacing:0;padding:14px 22px;border:1px solid rgba(var(--amber-rgb),.4);opacity:0;transition:.3s;text-transform:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:170px 170px;opacity:.5;mix-blend-mode:multiply}@media(max-width:900px){.grid-cards{grid-template-columns:1fr}.wrap{padding:0 var(--sp-5)}:root{--section-pad:56px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/base.css.map */