*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0;margin:0}img,picture,svg,video{display:block;max-width:100%}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:var(--font-weight-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-display);text-wrap:balance}h1{font-size:var(--text-display);line-height:var(--leading-display)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty;max-width:68ch}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}.eyebrow{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-muted);margin-block-end:var(--space-md)}.lead{font-size:var(--text-lg);color:var(--color-text-muted)}.container{inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.container--wide{max-inline-size:var(--content-wide)}.container--narrow{max-inline-size:var(--content-narrow)}.section{padding-block:var(--space-section)}.section--alt{background-color:var(--color-bg-alt);border-block:var(--rule-ink-soft)}.section--accent{background-color:var(--color-accent);color:var(--color-text)}.section--accent .eyebrow{color:var(--color-text-muted)}.section--accent .lead{color:var(--color-text)}.stack>*+*{margin-block-start:var(--space-md)}.stack--lg>*+*{margin-block-start:var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.rule{border:0;border-block-start:var(--hairline);margin-block:var(--space-md)}.button{--button-bg: var(--color-accent-deep);--button-fg: var(--color-on-accent);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-block-size:3rem;padding-inline:var(--space-lg);padding-block:var(--space-sm);font-size:1.125rem;font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:.01em;text-decoration:none;color:var(--button-fg);background-color:var(--button-bg);border:1px solid transparent;border-radius:var(--radius)}.button:hover{--button-bg: color-mix(in srgb, var(--color-accent-deep) 85%, black)}.button--secondary{--button-bg: transparent;--button-fg: var(--color-text);border-color:var(--color-text)}.button--secondary:hover{--button-bg: var(--color-text);--button-fg: var(--color-bg)}.button--quiet{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding-inline:var(--space-sm);font-size:var(--text-base);font-weight:var(--font-weight-semibold);line-height:1.3;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;color:var(--color-text);background:transparent;border:none}.button--quiet:hover{color:var(--color-accent-deep)}.button-group{display:flex;flex-wrap:wrap;gap:var(--space-md)}.label-block{--label-bg: var(--color-accent-deep);--label-fg: var(--color-on-accent);padding:var(--space-lg);color:var(--label-fg);background-color:var(--label-bg);border-radius:var(--radius)}.label-block__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--leading-heading);text-transform:uppercase;letter-spacing:-.01em;overflow-wrap:anywhere}.label-block__subtitle{font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase}.label-block__rule{border:0;border-block-start:1px solid currentColor;opacity:.35;margin-block:var(--space-md)}.label-block__specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.roast-meter{display:inline-flex;gap:.4em;align-items:center}.roast-meter__label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-muted)}.roast-meter__dot{inline-size:.6em;block-size:.6em;border-radius:50%;border:1px solid currentColor}.roast-meter__dot--filled{background-color:currentColor}.texture-kufi{background-image:url(pattern-kufi.svg);background-repeat:repeat;background-size:120px 120px;opacity:.04;pointer-events:none}.visually-hidden:not(:focus):not(:active){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);z-index:100;padding:var(--space-sm) var(--space-md);color:var(--color-on-accent);background-color:var(--color-accent-deep);border-radius:var(--radius);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}#MainContent{scroll-margin-block-start:var(--chrome-block-size)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}reveal-on-scroll{display:block}@media(prefers-reduced-motion:no-preference){reveal-on-scroll:defined .reveal:not(.is-visible){opacity:0;transform:translateY(1.25rem)}.reveal{transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease)}.button{transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.container--ultra{max-inline-size:var(--content-ultra)}.full-bleed{inline-size:100vw;max-inline-size:100vw;margin-inline:calc(50% - 50vw)}.rule--ink{border:0;border-block-start:var(--rule-ink);margin-block:0;margin-inline:0}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm) var(--space-lg);margin-block-end:var(--space-xl)}.section-head__heading{font-size:var(--text-3xl);line-height:1.12;letter-spacing:var(--tracking-display);max-inline-size:22ch;margin:0}.section-head__heading--large{font-size:var(--text-display);line-height:1.05}.section-head__link{margin-inline-start:auto}.section-head__rule{display:none}.section-head .eyebrow{flex-basis:100%;margin-block-end:0}.section-head__intro{flex-basis:100%;max-inline-size:none;margin:0;padding-inline-end:max(0px,100% - 60ch)}.anchor-arrow{display:inline-flex;align-items:center;gap:var(--space-xs);min-block-size:2.75rem;font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-text);border-block-end:var(--rule-ink-soft)}.anchor-arrow:hover,.anchor-arrow:focus-visible{color:var(--color-accent-deep);border-block-end-color:currentcolor}.anchor-arrow svg{inline-size:1em;block-size:1em;flex:none}[dir=rtl] .anchor-arrow svg{transform:scaleX(-1)}.list-lines{--lines-gutter: var(--space-xl);--lines-half: calc(var(--lines-gutter) / 2);display:grid;column-gap:var(--lines-gutter);row-gap:0;list-style:none;padding:0;margin:0}.list-lines>*{position:relative;padding-block:var(--lines-half);border-block-end:var(--rule-ink)}.list-lines>*:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(var(--lines-half) * -1);inline-size:1px;background-color:var(--color-text)}.list-lines--2>*:before,.list-lines--3>*:before,.list-lines--4>*:before{display:none}.list-lines--2,.list-lines--3,.list-lines--4{grid-template-columns:1fr}@media(min-width:40em){.list-lines--2,.list-lines--4{grid-template-columns:repeat(2,minmax(0,1fr))}.list-lines--3{grid-template-columns:repeat(3,minmax(0,1fr))}.list-lines--2>*:before,.list-lines--4>*:before{display:block}.list-lines--2>*:nth-child(odd):before,.list-lines--4>*:nth-child(odd):before{display:none}.list-lines--3>*:before{display:block}.list-lines--3>*:nth-child(3n+1):before{display:none}}@media(min-width:64em){.list-lines--4{grid-template-columns:repeat(4,minmax(0,1fr))}.list-lines--4>*:nth-child(odd):before{display:block}.list-lines--4>*:nth-child(4n+1):before{display:none}}.marquee{display:block;position:relative;overflow:hidden;padding-block:var(--space-sm);border-block-start:var(--rule-ink);border-block-end:1.25rem solid var(--color-hairline);background-color:var(--color-bg-alt)}.marquee__toggle{position:absolute;z-index:1;inset-block-end:var(--space-xs);inset-inline-end:var(--space-md);display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.75rem;min-block-size:2.75rem;padding:var(--space-2xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text);background-color:var(--color-bg);border:var(--rule-ink);border-radius:var(--radius)}.marquee__toggle:hover{color:var(--color-bg);background-color:var(--color-text)}.no-js .marquee__toggle{display:none}.marquee__track{display:flex;inline-size:max-content;gap:var(--space-xl);white-space:nowrap}.marquee__item{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:1.4;text-transform:uppercase;letter-spacing:.06em}@media(prefers-reduced-motion:no-preference){html:not(.no-js) .marquee__track{animation:marquee-scroll 28s linear infinite}.marquee[data-paused=true] .marquee__track,.marquee:hover .marquee__track,.marquee:focus-within .marquee__track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/base.css.map */