body.compare-page-body .compare-page--detail .compare-detail-quicknav{position:sticky;top:calc(var(--header-height, 72px) + 12px);z-index:24;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0!important;background:transparent}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-inner{display:block;width:fit-content;max-width:100%;padding:0;margin:0;border:0!important;border-radius:16px;background:none;box-shadow:none}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-inner>strong{display:none}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:3px;width:fit-content;max-width:100%;min-height:54px;padding:5px;margin:0;border:0;border-radius:17px;background:color-mix(in srgb,var(--color-on-surface-variant) 7%,var(--color-bg));box-shadow:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.compare-page--detail .compare-detail-quicknav .quicknav-links::-webkit-scrollbar{display:none}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;min-width:104px;width:auto;max-width:none;margin:0;padding:10px clamp(13px,2vw,18px);border:0!important;border-radius:12px;background:transparent;box-shadow:none;color:var(--color-on-surface-variant);font-size:.9rem;font-weight:550;line-height:1.2;white-space:nowrap;scroll-snap-align:center;text-decoration:none;transition:color .22s ease,background-color .22s ease}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a:is(:hover,:focus-visible){color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 52%,transparent)}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a[aria-current=location]{color:var(--color-text);font-weight:675;background:var(--color-surface);box-shadow:0 1px 5px #231b1516}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}.compare-page--detail .compare-quicknav-indicator{position:absolute;z-index:0;top:5px;left:0;display:block;width:0;height:44px;opacity:0;border-radius:12px;background:var(--color-surface);box-shadow:0 1px 5px #231b1516,0 1px 2px #231b150b;pointer-events:none;transition:transform .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),opacity .2s ease}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links.is-enhanced>a[aria-current=location]{background:transparent;box-shadow:none}body.compare-page-body .compare-page--detail .compare-honesty{position:relative;display:block;margin:0;padding:clamp(18px,3vw,34px) 0 clamp(8px,2vw,20px);border:0!important;border-radius:0;background:transparent;box-shadow:none!important}body.compare-page-body .compare-page--detail .compare-honesty:before,body.compare-page-body .compare-page--detail .compare-honesty:after{content:none;display:none}body.compare-page-body .compare-page--detail .compare-honesty-copy{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,.65fr);column-gap:clamp(30px,5vw,76px);row-gap:clamp(13px,2vw,24px);align-items:start;padding:0;margin:0;border:0!important;background:none}body.compare-page-body .compare-page--detail .compare-honesty-copy h2{grid-row:span 2;max-width:19ch;margin:3px 0 0;font-size:clamp(1.7rem,2.65vw,2.7rem);font-weight:660;line-height:1.15;letter-spacing:-.044em}body.compare-page-body .compare-page--detail .compare-honesty-copy .compare-honesty-lead{grid-column:2;margin:0;max-width:54ch;color:var(--color-text);font-size:clamp(1.32rem,2.4vw,2.15rem);font-weight:560;line-height:1.36;letter-spacing:-.037em;text-wrap:pretty}body.compare-page-body .compare-page--detail .compare-honesty-copy>p:last-child{grid-column:2;max-width:68ch;margin:0;color:var(--color-on-surface-variant);font-size:clamp(1rem,1.23vw,1.105rem);line-height:1.78}body.compare-page-body .compare-page--detail>.compare-editorial,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--cafesito{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(205px,.34fr) minmax(0,.66fr);gap:clamp(34px,5.5vw,85px);width:100%;min-width:0;max-width:100%;margin:0;padding:clamp(25px,3.7vw,53px) 0;border:0!important;background:none;box-shadow:none;overflow:visible}body.compare-page-body .compare-page--detail>.compare-editorial h2{grid-column:1;min-width:0;max-width:16ch;margin:0;padding:0;font-size:clamp(2.05rem,3.25vw,3.35rem);font-weight:685;line-height:1.105;letter-spacing:-.052em;text-wrap:balance}body.compare-page-body .compare-page--detail>.compare-editorial .compare-editorial-grid{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,3.5vw,55px);width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0!important;background:none}body.compare-page-body .compare-page--detail>.compare-editorial .compare-editorial-card,body.compare-page-body .compare-page--detail>.compare-editorial .compare-editorial-card:first-child{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:0 clamp(14px,2vw,24px);width:100%;max-width:100%;min-width:0;margin:0;padding:0;border:0!important;border-radius:0;background:transparent;box-shadow:none!important}body.compare-page-body .compare-page--detail .compare-editorial-index{grid-column:1;grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;background:color-mix(in srgb,var(--color-on-surface-variant) 6%,var(--color-surface));color:var(--color-on-surface-variant);font-size:.77rem;font-weight:630;font-variant-numeric:tabular-nums;letter-spacing:-.02em}body.compare-page-body .compare-page--detail .compare-editorial-card h3{grid-column:2;margin:0 0 9px;font-size:clamp(1.3rem,1.8vw,1.68rem);font-weight:650;line-height:1.22;letter-spacing:-.034em}body.compare-page-body .compare-page--detail .compare-editorial-card p{grid-column:2;min-width:0;max-width:64ch;margin:0;color:var(--color-on-surface-variant);font-size:clamp(1rem,1.15vw,1.085rem);line-height:1.74}body.compare-page-body .compare-page--detail>.compare-editorial--cafesito:before{content:"";position:absolute;z-index:-1;inset:-16% -3%;border:0;pointer-events:none;background:radial-gradient(ellipse 65% 68% at 65% 51%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 97%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 43%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 43%,transparent 100%)}body.compare-page-body .compare-page--detail>.compare-editorial--cafesito h2{color:var(--color-text)}body.compare-page-body .compare-page--detail>.compare-editorial--cafesito .compare-editorial-index{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 11%,var(--color-surface))}body.company-page-body .roasters-page .editorial-hero--roasters{position:relative;isolation:isolate;overflow:hidden;background:var(--color-bg)!important}body.company-page-body .roasters-page .editorial-hero--roasters:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 32% 57% at 75% 48%,color-mix(in srgb,var(--color-accent) 9%,transparent) 0%,color-mix(in srgb,var(--color-section-warm) 8%,transparent) 43%,transparent 94%)}body.company-page-body .roasters-page .editorial-hero--roasters .roasters-hero-inner{position:relative;z-index:1}.roasters-page .roasters-stage-orbit{opacity:.085;filter:blur(1px)}.roasters-page .editorial-hero--roasters .roasters-hero-stage{overflow:visible;isolation:isolate;background:transparent!important;border:0!important;box-shadow:none!important}.roasters-page .editorial-hero--roasters .roasters-hero-stage:before,.roasters-page .editorial-hero--roasters .roasters-hero-stage:after{content:none!important;display:none!important}body.company-page-body .roasters-page .roasters-section--process{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 42% 58% at 53% 48%,color-mix(in srgb,var(--color-accent) 6%,transparent) 0%,transparent 96%),var(--color-bg)!important}body.company-page-body .roasters-page .roasters-section--process:before,body.company-page-body .roasters-page .roasters-section--process:after{content:none!important;display:none!important}@media(max-width:900px){body.compare-page-body .compare-page--detail .compare-honesty-copy{grid-template-columns:minmax(0,1fr);row-gap:clamp(15px,3vw,26px)}body.compare-page-body .compare-page--detail .compare-honesty-copy h2,body.compare-page-body .compare-page--detail .compare-honesty-copy .compare-honesty-lead,body.compare-page-body .compare-page--detail .compare-honesty-copy>p:last-child{grid-column:1;grid-row:auto}body.compare-page-body .compare-page--detail>.compare-editorial,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--cafesito{grid-template-columns:minmax(0,1fr);gap:clamp(27px,4vw,44px)}body.compare-page-body .compare-page--detail>.compare-editorial h2,body.compare-page-body .compare-page--detail>.compare-editorial .compare-editorial-grid{grid-column:1}}@media(max-width:600px){body.compare-page-body .compare-page--detail .compare-detail-quicknav{top:calc(var(--header-height,72px) + 5px)}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links{min-height:50px;border-radius:15px}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a{min-width:94px;min-height:40px;font-size:.85rem;padding:9px 12px}body.compare-page-body .compare-page--detail>.compare-editorial,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--cafesito{padding-block:clamp(12px,3vw,22px)}body.compare-page-body .compare-page--detail>.compare-editorial .compare-editorial-card,body.compare-page-body .compare-page--detail>.compare-editorial .compare-editorial-card:first-child{grid-template-columns:34px minmax(0,1fr);gap:0 13px}body.compare-page-body .compare-page--detail .compare-editorial-index{width:32px;height:32px;border-radius:10px;font-size:.73rem}}@media(prefers-reduced-motion:reduce){.compare-page--detail .compare-quicknav-indicator,.compare-page--detail .compare-detail-quicknav a{transition:none!important}}body.compare-page-body main.compare-content>.compare-page--detail>.compare-honesty,body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial,body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial--cafesito,body.compare-page-body main.compare-content>.compare-page--detail>.compare-feature-intro{border:0!important;border-top:0!important;border-bottom:0!important;border-block:0!important;box-shadow:none!important;outline:none}body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial:after,body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial:before,body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial--cafesito:before,body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial--cafesito:after,body.compare-page-body main.compare-content>.compare-page--detail>.compare-honesty:before,body.compare-page-body main.compare-content>.compare-page--detail>.compare-honesty:after{content:none!important;display:none!important}body.compare-page-body .compare-page--detail .compare-editorial-grid>.compare-editorial-card,body.compare-page-body .compare-page--detail .compare-editorial-grid>.compare-editorial-card:first-child,body.compare-page-body .compare-page--detail .compare-editorial-grid>.compare-editorial-card--cafesito{border:0!important;border-block:0!important;outline:0;box-shadow:none!important;background:none!important}body.compare-page-body .compare-page--detail>.compare-editorial{padding-block:clamp(22px,3.6vw,50px)}body.compare-page-body .compare-page--detail>.compare-editorial--cafesito{padding-block:clamp(25px,4vw,55px)}body.compare-page-body .compare-page--detail .compare-editorial-grid{row-gap:clamp(30px,4vw,62px)}body.compare-page-body .compare-page--detail .compare-editorial-card h3{text-wrap:balance}body.compare-page-body .compare-page--detail .compare-honesty{padding-block:clamp(10px,2vw,30px)}.roasters-page .roasters-hero-stage figcaption{display:none!important}body.company-page-body .roasters-page .editorial-hero--roasters .roasters-hero-stage:before{content:""!important;display:block!important;position:absolute;z-index:-1;inset:-12% -18%;pointer-events:none;border:0!important;border-radius:50%;opacity:.68;background:radial-gradient(ellipse 60% 65% at 50% 53%,color-mix(in srgb,var(--color-accent) 19%,transparent) 0%,color-mix(in srgb,var(--color-section-warm) 11%,transparent) 48%,transparent 100%);filter:blur(clamp(24px,4vw,55px));-webkit-mask-image:radial-gradient(ellipse closest-side,#000 0%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 0%,#000 38%,transparent 100%)}body.company-page-body .roasters-page .editorial-hero--roasters .roasters-hero-stage:after{content:none!important;display:none!important}body.company-page-body .roasters-page .roasters-section--process{background:var(--color-bg)!important}body.company-page-body .roasters-page .roasters-section--process:before{content:""!important;display:block!important;position:absolute;z-index:0;inset:0;pointer-events:none;border:0!important;background:radial-gradient(ellipse 65% 54% at 50% 48%,color-mix(in srgb,var(--color-accent) 8%,transparent) 0%,color-mix(in srgb,var(--color-section-warm) 10%,transparent) 41%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at center,#000 5%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at center,#000 5%,transparent 100%)}body.company-page-body .roasters-page .roasters-section--process:after{content:none!important;display:none!important}body.company-page-body .roasters-page .roasters-section--process .roasters-section-inner{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){body.company-page-body .roasters-page .roasters-hero-stage:before{transition:none!important}}
