/* Sidr — editorial layer (loaded after coffee.css). Bone paper, Instrument Serif display, Manrope text, cobalt + persimmon accents. */
:root{
  --bone:#F2EDE3;--paper:#FAF7F1;--ink:#17140F;--ink-2:#26221D;--ink-3:#37312A;
  --cobalt:#2F3D72;--cobalt-d:#232E57;--cobalt-l:#DADDE8;--persim:#C27B58;--persim-d:#A6623F;--butter:#E7DCC2;--leaf:#4A6352;--plum:#5B3D49;
  --text:#17140F;--muted:#6E675D;--line:rgba(23,20,15,.13);--line-l:rgba(242,237,227,.2);
  --lux-serif:"Instrument Serif",Georgia,serif;--lux-sans:"Manrope",system-ui,sans-serif;
  --disp:"Manrope",system-ui,sans-serif;--mono:"Manrope",system-ui,sans-serif;--r:6px;--ease:cubic-bezier(.2,.7,.2,1)
}
body{font:400 15.5px/1.6 var(--lux-sans);font-variation-settings:normal;font-synthesis:none;letter-spacing:.003em}
.cf{--cf-ink:#17140F;--cf-light:#FAF7F1;--cf-fg:#17140F;--cf-bg:#F2EDE3;--cf-accent:#2F3D72;--cf-disp:var(--lux-serif);--cf-sans:var(--lux-sans);--cf-top:calc(var(--rib) + var(--navh));--cf-scrim-l:#f6f1e8d9;--cf-shade:#0006}
.cf .cf-h1,.cf .cf-h2{font-weight:400;letter-spacing:-.02em}

/* nav: dark text over the light film at the top of home */
body.pg-home:not(.menu-open) .nav:not(.is-solid){color:var(--ink)}
.nav.is-solid{background:#f2ede3e0;box-shadow:0 1px 0 var(--line)}
.logo span{font-size:30px;letter-spacing:-.01em}
.nav-links a{font:600 11px/1 var(--lux-sans);letter-spacing:.16em;text-transform:uppercase}
.nav-links a[aria-current]{background:transparent!important;color:inherit!important;box-shadow:inset 0 -1px 0 currentColor;border-radius:0!important}
.cart-btn,.nav-staff{border-width:1px!important;font-family:var(--lux-sans)}

/* labels + headings */
.eyebrow,.tag{font:600 10.5px/1.3 var(--lux-sans)!important;letter-spacing:.28em!important;text-transform:uppercase}
.tag{border:0!important;background:none!important;padding:0!important;border-radius:0!important}
.eyebrow:before,.tag:before{content:"";width:30px;height:1px;background:currentColor;flex:none}
.eyebrow i,.tag i{display:none}
h1 em,h2 em,h3 em,.ph-h em,.hero-h em{font-style:italic;color:var(--cobalt)}
.ph-h{line-height:.9!important;letter-spacing:-.025em!important}
.sec-head h2,.finder h2,.st-copy h2,.ct-card h2,.jr-head h2,.band h2,.c-sec h2,.brew-r h2,.qv h2,.sub-sum h2{letter-spacing:-.02em;line-height:.95}

/* buttons */
.btn{font:600 11.5px/1 var(--lux-sans)!important;letter-spacing:.16em!important;text-transform:uppercase;border-width:1px!important;min-height:48px;padding:0 24px;box-shadow:none!important}
.btn-persim{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-persim:hover{background:var(--cobalt);border-color:var(--cobalt)}
.btn-sm{min-height:40px;padding:0 16px;font-size:10.5px!important}

/* surfaces: thin lines, small radii, no hard offset shadows */
[class*="card"],.bag,.fd-mini,.sticker,.kpi,.co-sec,.sq,.ci,.modal-in,.qv,.sum,.sub-sum,.drawer,.dr-in{border-radius:var(--r)!important}
input,select,textarea{border-width:1px!important;border-radius:4px!important;font-family:var(--lux-sans)!important}
.bag h3{letter-spacing:-.01em;line-height:.95}
.bag,.ci,.co-sec,.sq{transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.bag:hover{transform:translateY(-4px)}
img{transition:transform 1.2s var(--ease)}
.ph:hover img,[class*="-ph"]:hover img{transform:scale(1.04)}
.strip{border-block:1px solid var(--line)!important}
.strip-t{font-style:italic}
.foot-big,.foot-word{letter-spacing:-.03em!important}
.rib{font-family:var(--lux-sans)}

/* restrained colour: accents on details, not big fills */
.cart-btn{background:transparent!important;color:inherit!important;border:1px solid currentColor!important}
.cart-btn b{background:var(--ink);color:var(--paper)}
.menu{background:var(--ink)!important}
.ph{background:var(--cobalt-l)!important}
.strip{background:var(--paper)!important;color:var(--ink)!important}
.strip-t i{color:var(--persim)}
.next-roast{background:#faf7f1e6!important;border:1px solid var(--line)!important;box-shadow:none!important}
.badge{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.foot{background:#1B1814!important;color:var(--bone)!important}
.foot a{color:var(--bone)!important;border-color:var(--line-l)!important}
.foot-big,.foot-word{color:var(--bone)!important}
.foot-big em,.foot-word em{color:var(--persim)}
.nums-g>div:nth-child(n){background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.nums-g>div b{color:var(--cobalt)}
.jr-1,.jr-2,.jr-3{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.jr-1 *,.jr-2 *,.jr-3 *{color:inherit}
.sticker{background:var(--paper)!important;color:var(--cobalt)!important;border:1px solid var(--line)!important}
.sub-sum{background:#1E1B17!important;color:var(--bone)!important}
.opt.is-on{background:var(--butter)!important;box-shadow:none!important}
.co-sum,.c-order{background:var(--paper)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.calc-dl div:first-child{background:var(--butter)!important}
.b-steps li.is-now{background:var(--butter)!important;box-shadow:-3px 0 0 var(--persim)!important}
.m-tabs button.is-on{background:var(--ink)!important;color:var(--paper)!important}
.ci .ci-add,.ss-cal li:first-child{background:var(--ink)!important;color:var(--paper)!important}
.kpi.hot,.kpi.cob{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.kpi.hot b{color:var(--persim)}.kpi.cob b{color:var(--cobalt)}
.kpi.hot *,.kpi.cob *{color:inherit}
.rday-h,.rday.next .rday-h{background:var(--paper)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important}
.rday.next .rday-h{box-shadow:inset 0 2px 0 var(--persim)}
.veil{background:#1B1814e6!important}
svg rect[fill="#FF5B24"]{fill:var(--persim)}svg rect[fill="#2340D6"]{fill:var(--cobalt)}svg [stroke="#141210"]{stroke:transparent}

/* mobile */
@media (max-width:820px){
  .logo span{font-size:26px}
  .btn{min-height:46px;letter-spacing:.12em!important}
  .ph-h{font-size:clamp(44px,13vw,64px)!important}
}
/* ---- generated from coffee.css: headings to serif, UI text to sans, thin borders, soft shadows ---- */
body{font-family:var(--lux-sans);font-weight:600}
h1,h2,h3{font-family:var(--lux-sans)}
.btn{font-family:var(--lux-sans);font-weight:600;border-width:1px}
.btn:hover{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}
.lnk{border-width:1px}
.logo span{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.nav-links a{border-width:1px}
.nav-staff{border-width:1px}
.cart-btn{border-width:1px}
.burger{border-width:1px}
.menu nav a{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em;border-width:1px}
.tag{border-width:1px}
.hero-h{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.next-roast{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.next-roast b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.nr-bar{border-width:1px}
.hero-ph{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.badge{border-width:1px}
.badge b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.strip{border-width:1px}
.strip-t{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.sec-head h2,.finder h2,.st-copy h2,.ct-card h2,.jr-head h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.bag{border-width:1px}
.bag:hover{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}
.bag:before{border-width:1px}
.bag h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.bag-meta{border-width:1px}
.bag-buy b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.addb{border-width:1px}
.jr-card{border-width:1px}
.jr-c h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.jr-c p{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.jr-m{border-width:1px}
.jr-ph{border-width:1px}
.band{border-width:1px}
.band h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.fd-box{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.chips button{border-width:1px}
.roast-sl input::-webkit-slider-runnable-track{border-width:1px}
.roast-sl input::-moz-range-track{border-width:1px}
.roast-sl input::-webkit-slider-thumb{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.roast-sl input::-moz-range-thumb{border-width:1px}
.fd-mini{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em;border-width:1px}
.fd-match h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.subtease{border-width:1px}
.st-ph{border-width:1px}
.sticker{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em;border-width:1px}
.ticks li{border-width:1px}
.nums-g>div{border-width:1px}
.nums-g b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ct-ph{border-width:1px}
.ct-card{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.ct-card h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ct-dl div{border-width:1px}
.quotes blockquote{border-width:1px}
.quotes p{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.foot{border-width:1px}
.foot-big{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.foot-nav a{border-width:1px}
.foot-word{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ph-h{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.phead-sm .ph-h{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.shop-ph{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.filters{border-width:1px}
.f-sel{border-width:1px}
.shop-band div{border-width:1px}
.shop-band b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.modal-in{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.m-x{border-width:1px}
.qv h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.qv-dl div{border-width:1px}
.seg{border-width:1px}
.qv-buy .pr{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.qty{border-width:1px}
.drawer-in{border-width:1px}
.dr-head h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.dr-x{border-width:1px}
.free-bar i{border-width:1px}
.cl{border-width:1px}
.cl-sw{font-family:var(--lux-sans);font-weight:600;border-width:1px}
.dr-foot{border-width:1px}
.sum-tot b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.sq{border-width:1px}
.sq legend{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.sq legend b{border-width:1px}
.opt{border-width:1px}
.opt.is-on{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}
.fld input,.fld select{border-width:1px}
.stepper-n{border-width:1px}
.stepper-n output{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.sub-sum{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.sub-sum h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ss-price{border-width:1px}
.ss-price b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ss-cal li{border-width:1px}
.ss-cal li b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.bagviz i{border-width:1px}
.bagviz i:before{border-width:1px}
.m-tabs button{border-width:1px}
.m-tabs button b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.m-tabs button.is-on{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}
.brew-ph{border-width:1px}
.calc{border-width:1px}
.calc-h output{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.calc-dl div{border-width:1px}
.calc-dl dd{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.grind-sc i{border-width:1px}
.brew-r h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.timer{border-width:1px}
.t-face b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.b-steps li{border-width:1px}
.mini{border-width:1px}
.cafe-ph1{border-width:1px}
.cafe-ph2{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.c-sec h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ci{border-width:1px}
.ci:hover{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}
.ci h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.ci .ci-add{border-width:1px}
.c-order{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.co-list li{border-width:1px}
.co-list li button{border-width:1px}
.co-tot{border-width:1px}
.co-tot b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.cbar-in{border-width:1px}
.rcpt{border-width:1px}
.modal-in h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.co-sec{border-width:1px}
.co-sec h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.co-sec h2 b{border-width:1px}
.co-sum{box-shadow:0 18px 40px -26px rgba(20,18,16,.35);border-width:1px}
.sum-dl div{border-width:1px}
.roast-note{border-width:1px}
.done-h h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.track li i{border-width:1px}
.toast{border-width:1px}
.side{border-width:1px}
.side-nav button{border-width:1px}
.dtop h1{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.kpi{border-width:1px}
.kpi b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.card{border-width:1px}
.card-h h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.rday{border-width:1px}
.rday-h{border-width:1px}
.rday-h h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
.batch{border-width:1px}
.rday-f{border-width:1px}
.pill{font-family:var(--lux-sans);font-weight:600}
.sbar{border-width:1px}
.ord{border-width:1px}
.tbl th{border-width:1px}
.tbl .acts button{border-width:1px}
.tk{border-width:1px}
.tk-who{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}
@media (max-width: 960px){.badge b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.side-logo span{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}}
@media (max-width: 600px){.logo span{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.hero-h{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.hero-ph{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}.badge b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.bag h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.jr-c h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.fd-match h3{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.sticker{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.nums-g b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.ct-card{box-shadow:0 18px 40px -26px rgba(20,18,16,.35)}.foot-word{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.sq legend{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.ss-cal li b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.t-face b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.co-sec h2{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}.kpi b{font-family:var(--lux-serif);font-weight:400;letter-spacing:-.012em}}
@media (max-width:960px){.side-nav{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:24px}}
/* keep the wordmark legible over the film */
body[data-page="home"] header.nav{background:linear-gradient(#f3eee4e6,#f3eee400);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}