body.compare-page-body .compare-page--detail .compare-detail-quicknav{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:0!important;background:none;box-shadow:none}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-inner{display:flex;align-items:center;width:fit-content;max-width:100%;margin:0;padding:5px;border:0!important;border-radius:18px;background:color-mix(in srgb,var(--color-on-surface-variant) 7%,var(--color-bg));box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-inner>strong{display:none!important}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links{display:flex;position:relative;align-items:center;flex:0 1 auto;flex-wrap:nowrap;box-sizing:border-box;width:auto;max-width:100%;min-width:0;min-height:44px;gap:3px;padding:0;margin:0;border:0!important;border-radius:13px;background:transparent!important;box-shadow:none!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}body.compare-page-body .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{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;position:relative;z-index:1;width:auto;min-width:92px;max-width:none;min-height:44px;margin:0;padding:10px 16px;border:0!important;border-radius:13px;background:none;box-shadow:none;color:var(--color-on-surface-variant);font-size:.9rem;line-height:1.3;font-weight:560;white-space:nowrap;text-decoration:none;scroll-snap-align:center;transition:color .25s ease,background-color .25s ease}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a:hover{background:color-mix(in srgb,var(--color-surface) 33%,transparent);color:var(--color-text)}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a[aria-current=location]{background:var(--color-surface);color:var(--color-text);font-weight:680;box-shadow:0 1px 4px #231b1514,0 1px 2px #231b150b}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-detail-quicknav .quicknav-links>a:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}body.compare-page-body .compare-page--detail .compare-quicknav-indicator{position:absolute;top:0;left:0;z-index:0;display:block;box-sizing:border-box;width:0;height:44px;border:0;border-radius:13px;opacity:0;background:var(--color-surface);box-shadow:0 1px 4px #231b1514,0 1px 2px #231b150b;pointer-events:none;transition:transform .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),height .36s cubic-bezier(.22,1,.36,1),opacity .2s ease}body.compare-page-body .compare-page--detail>.compare-honesty,body.compare-page-body .compare-page--detail>.compare-feature-intro{border:0!important;border-block:0!important;box-shadow:none!important}body.compare-page-body .compare-page--detail>.compare-honesty:before,body.compare-page-body .compare-page--detail>.compare-honesty:after{display:none!important;content:none!important}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase.compare-editorial--cafesito{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(22px,3.5vw,44px);width:100%;min-width:0;max-width:100%;padding:clamp(12px,2vw,28px) 0;margin:0;border:0!important;border-block:0!important;border-radius:0;background:transparent;box-shadow:none!important;overflow:visible}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase:before,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase:after{display:none!important;content:none!important}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-editorial-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2vw,23px);width:100%;min-width:0;max-width:100%;padding:0;margin:0}body.compare-page-body .compare-page--detail .compare-editorial-heading-brand{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;color:var(--color-on-surface-variant);font-size:.86rem;font-weight:620;letter-spacing:-.012em}body.compare-page-body .compare-page--detail .compare-editorial-heading-brand .compare-brand-icon{flex:0 0 37px;display:block;width:37px;height:37px;border-radius:11px;overflow:hidden;background:var(--color-surface);box-shadow:0 4px 12px #1c140e14}body.compare-page-body .compare-page--detail .compare-editorial-heading-brand .compare-brand-icon img{width:100%;height:100%;object-fit:cover}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-editorial-heading h2{display:block;width:100%;max-width:24ch;min-width:0;grid-column:auto;margin:0;padding:0;color:var(--color-text);font-size:clamp(2rem,3.65vw,3.75rem);font-weight:675;letter-spacing:-.052em;line-height:1.08;text-wrap:balance}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(13px,2vw,22px);grid-column:1;min-width:0;width:100%;max-width:100%;padding:0;margin:0;border:0!important;background:transparent}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-insight,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-insight:first-child{display:flex;position:relative;isolation:isolate;flex-direction:column;align-items:flex-start;align-content:start;gap:clamp(24px,3vw,38px);width:100%;max-width:100%;min-width:0;min-height:clamp(218px,24vw,292px);margin:0;padding:clamp(24px,3vw,37px);border:0!important;border-block:0!important;outline:0;border-radius:clamp(20px,2.5vw,28px);background:color-mix(in srgb,var(--color-on-surface-variant) 5%,var(--color-surface))!important;box-shadow:none!important;overflow:hidden;transition:background-color .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}@media(hover:hover){body.compare-page-body .compare-page--detail .compare-insight:hover{transform:translateY(-3px)}}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-insight--featured,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-insight--featured:first-child{grid-column:1 / -1;display:grid;grid-template-columns:84px minmax(0,1fr);align-content:center;align-items:center;gap:clamp(22px,4vw,68px);min-height:clamp(190px,22vw,268px);background:radial-gradient(ellipse 56% 88% at 94% 18%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 100%),color-mix(in srgb,var(--color-on-surface-variant) 4%,var(--color-surface))!important}body.compare-page-body .compare-page--detail>.compare-editorial--cafesito.compare-editorial--showcase .compare-insight--featured,body.compare-page-body .compare-page--detail>.compare-editorial--cafesito.compare-editorial--showcase .compare-insight--featured:first-child{background:radial-gradient(ellipse 68% 100% at 88% 3%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 100%),color-mix(in srgb,var(--color-accent) 7%,var(--color-surface))!important}body.compare-page-body .compare-page--detail .compare-insight-mark{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:flex-start;min-width:0}body.compare-page-body .compare-page--detail .compare-insight .compare-editorial-index{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:14px;background:var(--color-surface);color:var(--color-accent);font-size:.8rem;font-weight:650;letter-spacing:-.015em;font-variant-numeric:tabular-nums}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-editorial-index{width:76px;height:76px;border-radius:23px;font-size:1.35rem;font-weight:540;color:var(--color-accent);box-shadow:0 10px 25px #1f18110a}body.compare-page-body .compare-page--detail .compare-insight-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(10px,1.3vw,16px);align-content:start;min-width:0;max-width:100%}body.compare-page-body .compare-page--detail .compare-insight h3{display:block;grid-column:auto;max-width:29ch;min-width:0;padding:0;margin:0;color:var(--color-text);font-size:clamp(1.18rem,1.65vw,1.52rem);font-weight:660;line-height:1.25;letter-spacing:-.032em;text-wrap:balance}body.compare-page-body .compare-page--detail .compare-insight--featured h3{max-width:31ch;font-size:clamp(1.45rem,2.3vw,2.2rem);font-weight:670;letter-spacing:-.043em;line-height:1.17}body.compare-page-body .compare-page--detail .compare-insight p{display:block;grid-column:auto;max-width:64ch;min-width:0;margin:0;padding:0;color:var(--color-on-surface-variant);font-size:clamp(.97rem,1.12vw,1.065rem);line-height:1.7;font-weight:400;text-wrap:pretty}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-insight-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;column-gap:clamp(18px,3vw,48px);row-gap:13px}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-insight-copy h3{grid-column:1}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-insight-copy p{grid-column:2;max-width:61ch}body.compare-page-body .compare-page--detail>.compare-editorial--cafesito.compare-editorial--showcase .compare-insight:not(.compare-insight--featured){background:color-mix(in srgb,var(--color-accent) 5%,var(--color-surface))!important}body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial--showcase,body.compare-page-body main.compare-content>.compare-page--detail>.compare-editorial--showcase.compare-editorial--cafesito,body.compare-page-body .compare-page--detail .compare-editorial--showcase .compare-editorial-grid,body.compare-page-body .compare-page--detail .compare-insight{border:0!important;border-top:0!important;border-bottom:0!important;border-block:0!important;box-shadow:none!important}body.company-page-body .roasters-page .editorial-hero--roasters .roasters-hero-stage{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}body.company-page-body .roasters-page .roasters-hero-stage:before{-webkit-mask-image:radial-gradient(ellipse closest-side,#000 16%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 16%,transparent 100%);filter:blur(52px);opacity:.57}body.company-page-body .roasters-page .roasters-section--process{background:var(--color-bg)!important;border:0!important}body.company-page-body .roasters-page .roasters-section--process:before{background:radial-gradient(ellipse 60% 48% at 50% 50%,color-mix(in srgb,var(--color-accent) 7%,transparent) 0%,color-mix(in srgb,var(--color-section-warm) 6%,transparent) 48%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 75% 60% at center,#000 3%,transparent 100%);mask-image:radial-gradient(ellipse 75% 60% at center,#000 3%,transparent 100%)}@media(max-width:920px){body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase.compare-editorial--cafesito{grid-template-columns:minmax(0,1fr)}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-insight-copy{grid-template-columns:minmax(0,1fr)}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-insight-copy h3,body.compare-page-body .compare-page--detail .compare-insight--featured .compare-insight-copy p{grid-column:1}}@media(max-width:670px){body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-editorial-grid{grid-template-columns:minmax(0,1fr)}body.compare-page-body .compare-page--detail .compare-insight--featured{display:flex!important;flex-direction:column;align-items:flex-start;min-height:0}body.compare-page-body .compare-page--detail .compare-insight--featured .compare-editorial-index{width:50px;height:50px;border-radius:17px;font-size:.92rem}body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-insight,body.compare-page-body .compare-page--detail>.compare-editorial.compare-editorial--showcase .compare-insight:first-child{min-height:0;padding:clamp(20px,5vw,28px);gap:22px}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-inner{width:100%;border-radius:15px}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links{min-height:40px}body.compare-page-body .compare-page--detail .compare-detail-quicknav .quicknav-links>a{min-height:40px;min-width:90px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){body.compare-page-body .compare-page--detail .compare-insight,body.compare-page-body .compare-page--detail .compare-quicknav-indicator,body.compare-page-body .compare-page--detail .compare-detail-quicknav a{transition:none!important;transform:none!important}}
