/*! (c) 2026 CustomSiteBuild, customsitebuild.com. All rights reserved. Not licensed for reuse. */
:root{--bone: #F1ECE1;--paper: #FAF7F0;--ink: #141210;--ink-2: #24211D;--ink-3: #35302A;--cobalt: #2340D6;--cobalt-d: #172C9E;--cobalt-l: #C9D2FA;--persim: #FF5B24;--persim-d: #D9420F;--butter: #F4CF5E;--leaf: #2E6A4E;--plum: #6B2C48;--text: #141210;--muted: #6B655C;--line: rgba(20,18,16,.14);--line-l: rgba(241,236,225,.18);--disp: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;--mono: "Martian Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.2, .9, .1, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--rib: 34px;--gut: clamp(16px, 4vw, 56px);--navh: 68px;--r: 22px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--rib) + var(--navh) + 24px)}body{margin:0;background:var(--bone);color:var(--text);font:400 16px/1.55 var(--disp);font-variation-settings:"opsz" 14;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-family:var(--disp);font-weight:800;font-stretch:75%;font-variation-settings:"wdth" 75,"opsz" 96;letter-spacing:-.02em;line-height:.92;text-transform:lowercase}h1 em,h2 em,h3 em{font-style:normal;color:var(--cobalt)}p{margin:0}.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--gut)}:focus-visible{outline:3px solid var(--persim);outline-offset:3px}[hidden]{display:none!important}.eyebrow{font:500 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--persim);flex:none}.eyebrow small{letter-spacing:0;text-transform:none;color:var(--muted);font-size:10.5px}.lbl{font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.small{font-size:12.5px;color:var(--muted)}.rib{position:fixed;inset:0 0 auto;z-index:95;height:var(--rib);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 var(--gut);background:#000;color:#f5f4f0;font:500 12px/1 Inter,system-ui,sans-serif;font-stretch:normal}.rib p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.rib p b{font-weight:600}.rib p span{color:#9a9a96}.rib a{text-decoration:none;white-space:nowrap}.rib-back:hover{color:#e8120c}.rib-cta{padding:5px 11px;border-radius:99px;background:#e8120c;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:99px;border:2px solid var(--ink);font:700 15px/1 var(--disp);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .45s var(--spring),box-shadow .3s,background .25s,color .25s;white-space:nowrap;background:var(--paper);color:var(--ink)}.btn:hover{transform:translate(-2px,-3px);box-shadow:4px 5px 0 var(--ink)}.btn:active{transform:translate(0);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-persim{background:var(--persim);color:var(--ink)}.btn-cobalt{background:var(--cobalt);color:#fff}.btn-ink{background:var(--ink);color:var(--bone)}.btn-ink:hover{box-shadow:4px 5px 0 var(--persim)}.btn-bone{background:var(--bone)}.btn-line{background:transparent}.btn-sm{min-height:40px;padding:0 16px;font-size:13.5px}.btn-wide{width:100%}.lnk{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border-bottom:2px solid var(--persim);padding-bottom:3px}.nav{position:fixed;top:var(--rib);left:0;right:0;z-index:80;height:var(--navh);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 var(--gut);transition:background .35s,box-shadow .35s,transform .5s var(--ease)}.nav.is-solid{background:#f1ece1e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 0 var(--ink)}.nav.is-hidden{transform:translateY(-120%)}.logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.logo svg{width:32px;height:32px;color:var(--persim);transition:transform .8s var(--spring)}.logo:hover svg{transform:rotate(180deg)}.logo span{font:800 34px/1 var(--disp);font-variation-settings:"wdth" 75,"opsz" 96;letter-spacing:-.03em}.nav-links{display:flex;gap:6px}.nav-links a{text-decoration:none;font-weight:600;font-size:15px;padding:9px 15px;border-radius:99px;border:2px solid transparent;transition:border-color .25s,background .25s}.nav-links a:hover{border-color:var(--ink)}.nav-links a[aria-current]{background:var(--ink);color:var(--bone)}.nav-tools{display:flex;align-items:center;gap:8px}.nav-staff{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:99px;border:2px solid var(--ink)}.nav-staff svg{width:18px;height:18px}.nav-staff:hover{background:var(--butter)}.cart-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 8px 0 14px;border-radius:99px;border:2px solid var(--ink);background:var(--persim);font-weight:700;font-size:14px;transition:transform .4s var(--spring)}.cart-btn svg{width:19px;height:19px}.cart-btn b{min-width:26px;height:26px;border-radius:99px;background:var(--ink);color:var(--bone);display:grid;place-items:center;font:700 11px var(--mono);padding:0 6px}.cart-btn.bump{animation:bump .6s var(--spring)}@keyframes bump{40%{transform:scale(1.14) rotate(-4deg)}}.burger{display:none;width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);position:relative}.burger i{position:absolute;left:12px;right:12px;height:2px;background:var(--ink);transition:transform .5s var(--ease),opacity .3s,top .5s var(--ease)}.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:20px}.burger i:nth-child(3){top:26px}.burger[aria-expanded=true] i:nth-child(1){top:20px;transform:rotate(45deg)}.burger[aria-expanded=true] i:nth-child(2){opacity:0}.burger[aria-expanded=true] i:nth-child(3){top:20px;transform:rotate(-45deg)}.menu{position:fixed;inset:0;z-index:70;background:var(--cobalt);color:var(--bone);padding:calc(var(--rib) + var(--navh) + 24px) var(--gut) 36px;display:flex;flex-direction:column;justify-content:space-between;clip-path:circle(0% at calc(100% - 40px) 70px);transition:clip-path .8s var(--ease);overflow:auto}.menu.is-open{clip-path:circle(150% at calc(100% - 40px) 70px)}.menu nav{display:flex;flex-direction:column}.menu nav a{display:flex;align-items:baseline;gap:14px;font:800 clamp(40px,11vw,64px)/1.02 var(--disp);font-variation-settings:"wdth" 75,"opsz" 96;text-transform:lowercase;letter-spacing:-.02em;text-decoration:none;border-bottom:2px solid var(--line-l);padding:8px 0}.menu nav a small{font:500 11px var(--mono);color:var(--butter)}.menu-foot{font-size:13px;color:var(--cobalt-l);margin-top:24px}body.menu-open .nav{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--bone)}body.menu-open .burger{background:var(--bone)}.ph{position:relative;margin:0;aspect-ratio:var(--ar, 4/5);overflow:hidden;background:var(--cobalt);isolation:isolate}.ph img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.ph-fb{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--persim) 0 18%,transparent 18.5%),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 10px,transparent 10px 20px)}.ln{display:block;overflow:hidden;padding-bottom:.04em;margin-bottom:-.04em}.ln>span{display:inline-block}.hero{position:relative;min-height:100svh;padding:calc(var(--rib) + var(--navh) + 4vh) var(--gut) 50px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1500px;margin:0 auto}.tag{display:inline-flex;align-items:center;gap:10px;font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);border-radius:99px;padding:8px 14px;background:var(--paper);margin-bottom:26px}.tag i{width:9px;height:9px;border-radius:50%;background:var(--leaf);box-shadow:0 0 #2e6a4e99;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px #2e6a4e00}to{box-shadow:0 0 #2e6a4e00}}.hero-h{font-size:clamp(68px,10.6vw,184px);line-height:.84;letter-spacing:-.035em}.hero-h .ln:nth-child(3) span{color:var(--persim);-webkit-text-stroke:0}.hero-p{max-width:470px;margin:26px 0 30px;font-size:17.5px;color:var(--ink-3)}.hero-btns{display:flex;flex-wrap:wrap;gap:12px}.next-roast{margin-top:34px;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 16px;max-width:470px;padding:16px 18px;border:2px solid var(--ink);border-radius:18px;background:var(--butter);box-shadow:5px 6px 0 var(--ink)}.nr-k{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;grid-column:1 / -1}.next-roast b{font:800 32px/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase}.nr-t{font:500 12px var(--mono);text-align:right}.nr-bar{grid-column:1 / -1;height:8px;border-radius:99px;border:2px solid var(--ink);background:var(--paper);overflow:hidden;margin-top:8px}.nr-bar i{display:block;height:100%;width:0;background:var(--persim);transition:width 1.4s var(--ease)}.hero-media{position:relative;height:min(76vh,760px)}.hero-ph{position:absolute;inset:0;aspect-ratio:auto;border-radius:34px;border:2px solid var(--ink);box-shadow:10px 12px 0 var(--ink)}.hero-ph img{transform:scale(1.08)}.badge{position:absolute;z-index:3;left:-46px;top:8%;width:150px;height:150px;border-radius:50%;background:var(--persim);border:2px solid var(--ink);display:grid;place-items:center}.badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite}.badge text{font:500 13.5px var(--mono);letter-spacing:.12em;fill:var(--ink)}.badge b{font:800 44px/.9 var(--disp);font-variation-settings:"wdth" 75;text-align:center;display:grid}.badge b small{font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.pg-home main{overflow-x:clip}.strip{overflow:hidden;background:var(--cobalt);color:var(--bone);border-block:2px solid var(--ink);padding:16px 0;transform:rotate(-1.4deg);margin:10px -10px 0}.strip-t{display:flex;width:max-content;gap:28px;align-items:center;font:800 clamp(30px,4.4vw,58px)/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase;animation:marq 32s linear infinite}.strip-t i{font-style:normal;font-size:.4em;color:var(--persim)}@keyframes marq{to{transform:translate(-50%)}}.sec-head{display:flex;align-items:end;justify-content:space-between;gap:14px 30px;flex-wrap:wrap;margin-bottom:34px}.sec-head .eyebrow{width:100%;margin-bottom:0}.sec-head h2,.finder h2,.st-copy h2,.ct-card h2,.jr-head h2{font-size:clamp(48px,7vw,112px)}.week{padding-top:clamp(80px,11vw,150px);padding-bottom:clamp(60px,8vw,110px)}.bag-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.bag{--bc: var(--cobalt);--bt: #fff;position:relative;display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:var(--r);background:var(--bc);color:var(--bt);padding:18px 18px 16px;min-height:420px;transition:transform .5s var(--spring),box-shadow .3s;text-align:left;isolation:isolate;overflow:hidden}.bag:hover{transform:translate(-3px,-5px) rotate(-.6deg);box-shadow:6px 8px 0 var(--ink)}.bag:before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 9px);border-bottom:2px solid var(--ink);z-index:-1}.bag-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.bag-top .lim{background:var(--ink);color:var(--bone);padding:4px 8px;border-radius:99px}.bag h3{font-size:clamp(42px,3.6vw,58px);margin-top:18px;line-height:.86;word-break:break-word;hyphens:auto}.bag h3 small{display:block;font:500 11px/1.4 var(--mono);text-transform:none;letter-spacing:0;margin-top:10px;opacity:.85}.bag-notes{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 auto;padding-bottom:16px}.bag-notes span{font-size:13px;font-weight:600;padding:3px 10px;border-radius:99px;border:1.5px solid currentColor}.roast{display:flex;align-items:center;gap:8px;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.05em}.roast i{display:flex;gap:3px}.roast i b{width:14px;height:8px;border-radius:2px;border:1.5px solid currentColor}.roast i b.on{background:currentColor}.bag-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;border-top:2px solid currentColor;padding-top:12px;margin-top:12px;font:500 10.5px/1.5 var(--mono)}.bag-meta span{opacity:.8}.bag-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.bag-buy b{font:800 30px/1 var(--disp);font-variation-settings:"wdth" 75}.bag-buy b small{font:500 10px var(--mono);opacity:.8;margin-left:4px}.addb{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 16px;border-radius:99px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:700;font-size:14px;transition:transform .4s var(--spring),background .25s}.addb:hover{transform:scale(1.06);background:var(--butter)}.bag.c-cobalt{--bc: var(--cobalt);--bt: #fff}.bag.c-persim{--bc: var(--persim);--bt: var(--ink)}.bag.c-butter{--bc: var(--butter);--bt: var(--ink)}.bag.c-leaf{--bc: var(--leaf);--bt: #F1ECE1}.bag.c-ink{--bc: var(--ink);--bt: var(--bone)}.bag.c-bone{--bc: var(--paper);--bt: var(--ink)}.bag.c-plum{--bc: var(--plum);--bt: #F7E7EE}.journey{padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,140px)}.jr-head{margin-bottom:30px}.jr-stack{display:grid;gap:22px}.jr-card{position:sticky;top:calc(var(--rib) + var(--navh) + 16px);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(20px,4vw,60px);align-items:stretch;border:2px solid var(--ink);border-radius:30px;padding:clamp(20px,3vw,40px);min-height:min(70vh,640px);transform-origin:50% 0;box-shadow:0 -10px 30px -20px #14121066}.jr-0{background:var(--paper)}.jr-1{background:var(--butter);top:calc(var(--rib) + var(--navh) + 30px)}.jr-2{background:var(--cobalt);color:#fff;top:calc(var(--rib) + var(--navh) + 44px)}.jr-3{background:var(--persim);top:calc(var(--rib) + var(--navh) + 58px)}.jr-c{display:flex;flex-direction:column;gap:14px}.jr-no{font:500 12px var(--mono)}.jr-c h3{font-size:clamp(80px,13vw,210px);line-height:.8}.jr-c p{font-size:clamp(17px,1.5vw,21px);max-width:520px;margin-top:auto}.jr-m{align-self:flex-start;font:500 11px var(--mono);border:2px solid currentColor;border-radius:99px;padding:7px 12px}.jr-ph{aspect-ratio:auto;border-radius:20px;border:2px solid var(--ink);min-height:280px}.band{position:relative;min-height:86vh;display:grid;align-items:end;color:#fff;overflow:hidden;border-block:2px solid var(--ink)}.band-ph{position:absolute!important;inset:0;aspect-ratio:auto}.band-ph img{transform:scale(1.15)}.band:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#14121000 30%,#141210bf);pointer-events:none}.band-c{position:relative;z-index:2;padding-top:140px;padding-bottom:clamp(40px,7vw,90px);display:grid;gap:28px;justify-items:start}.band h2{font-size:clamp(46px,7.6vw,128px);max-width:1200px}.band h2 span{color:var(--butter)}.band h2 em{color:var(--persim)}.finder{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,80px);align-items:center;padding-top:clamp(80px,11vw,150px);padding-bottom:clamp(80px,11vw,150px)}.fd-copy p:not(.eyebrow){margin-top:22px;color:var(--ink-3);max-width:420px;font-size:17px}.fd-box{border:2px solid var(--ink);border-radius:30px;background:var(--paper);padding:clamp(18px,3vw,34px);display:grid;gap:24px;box-shadow:8px 10px 0 var(--ink)}.fd-row{display:grid;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{min-height:42px;padding:0 16px;border-radius:99px;border:2px solid var(--ink);background:transparent;font-weight:600;font-size:14.5px;transition:background .2s,color .2s,transform .35s var(--spring)}.chips button:hover{transform:translateY(-2px)}.chips button.is-on{background:var(--ink);color:var(--bone)}.chips-sm button{min-height:36px;padding:0 13px;font-size:13.5px}.roast-sl input{width:100%;-webkit-appearance:none;appearance:none;height:30px;background:transparent}.roast-sl input::-webkit-slider-runnable-track{height:14px;border-radius:99px;border:2px solid var(--ink);background:linear-gradient(90deg,#f4cf5e,#d99a3c,#a0602a,#63361a,#2b170c)}.roast-sl input::-moz-range-track{height:10px;border-radius:99px;border:2px solid var(--ink);background:linear-gradient(90deg,#f4cf5e,#d99a3c,#a0602a,#63361a,#2b170c)}.roast-sl input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);box-shadow:2px 3px 0 var(--ink)}.roast-sl input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.rs-l{display:flex;justify-content:space-between;font:500 10px var(--mono);color:var(--muted);text-transform:uppercase}.fd-out{border-top:2px dashed var(--line);padding-top:22px}.fd-match{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center}.fd-mini{aspect-ratio:3/4;border-radius:14px;border:2px solid var(--ink);background:var(--bc);color:var(--bt);display:grid;place-items:end start;padding:10px;font:800 26px/.9 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase}.fd-match h3{font-size:40px}.fd-match p{font-size:14px;color:var(--ink-3);margin:6px 0 12px}.fd-match .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.subtease{background:var(--ink);color:var(--bone);padding:clamp(80px,11vw,150px) 0;border-block:2px solid var(--ink)}.st-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,6vw,90px);align-items:center}.st-media{position:relative}.st-ph{border-radius:30px;border:2px solid var(--bone)}.sticker{position:absolute;right:-18px;top:-18px;width:132px;height:132px;border-radius:50%;background:var(--butter);color:var(--ink);border:2px solid var(--ink);display:grid;place-content:center;text-align:center;font:800 42px/.9 var(--disp);font-variation-settings:"wdth" 75;transform:rotate(12deg)}.sticker small{font:500 9.5px var(--mono);text-transform:uppercase}.st-copy h2 em{color:var(--persim)}.st-copy .eyebrow{color:var(--bone)}.ticks{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:0}.ticks li{padding:14px 0 14px 38px;border-top:2px solid var(--line-l);position:relative;font-size:17px}.ticks li:before{content:"✓";position:absolute;left:0;top:13px;width:24px;height:24px;border-radius:50%;background:var(--persim);color:var(--ink);display:grid;place-items:center;font-size:13px;font-weight:800}.nums{padding:clamp(70px,9vw,120px) 0}.nums-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.nums-g>div{border:2px solid var(--ink);border-radius:22px;padding:22px;background:var(--paper)}.nums-g>div:nth-child(2){background:var(--butter)}.nums-g>div:nth-child(3){background:var(--cobalt);color:#fff}.nums-g>div:nth-child(4){background:var(--persim)}.nums-g b{display:block;font:800 clamp(58px,7vw,108px)/.9 var(--disp);font-variation-settings:"wdth" 75;letter-spacing:-.03em}.nums-g span{display:block;margin-top:14px;font-size:14px;max-width:220px}.cafe-t{position:relative;padding:0 var(--gut) clamp(80px,10vw,140px);max-width:1500px;margin:0 auto}.ct-ph{border-radius:34px;border:2px solid var(--ink);aspect-ratio:16/8}.ct-card{position:relative;z-index:2;width:min(560px,92%);margin:-180px 0 0 auto;margin-right:clamp(0px,4vw,60px);background:var(--paper);border:2px solid var(--ink);border-radius:28px;padding:clamp(22px,3vw,36px);box-shadow:8px 10px 0 var(--ink)}.ct-card h2{font-size:clamp(42px,5vw,76px);margin-bottom:16px}.ct-card>p:not(.eyebrow){color:var(--ink-3)}.ct-dl{margin:20px 0 24px}.ct-dl div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:10px 0;border-top:2px solid var(--line);font-size:14.5px}.ct-dl dt{font:500 10px/2 var(--mono);text-transform:uppercase;color:var(--muted)}.ct-dl dd{margin:0}.open-b{display:inline-flex;align-items:center;gap:8px;font-weight:700}.open-b:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--leaf)}.open-b.closed:before{background:var(--persim)}.words{padding-bottom:clamp(80px,10vw,140px)}.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quotes blockquote{margin:0;border:2px solid var(--ink);border-radius:24px;padding:24px;background:var(--paper);display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:transform .5s var(--spring)}.quotes blockquote:nth-child(2){transform:rotate(1.2deg);background:var(--cobalt-l)}.quotes blockquote:nth-child(3){transform:rotate(-1deg)}.quotes blockquote:hover{transform:rotate(0) translateY(-4px)}.quotes p{font:700 clamp(24px,2.2vw,32px)/1.08 var(--disp);font-variation-settings:"wdth" 85;letter-spacing:-.01em}.quotes cite{font:500 10.5px var(--mono);font-style:normal;color:var(--muted)}.foot{background:var(--persim);color:var(--ink);padding:clamp(60px,8vw,100px) 0 36px;border-top:2px solid var(--ink);overflow:hidden}.foot-g{display:grid;gap:26px 40px;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:end}.foot-g>.foot-word{grid-column:1;grid-row:1 / span 2}.foot-g>.foot-top,.foot-g>.foot-small{grid-column:2}.foot-top{display:grid;gap:22px;align-self:start;padding-top:10px}.foot-big{font:800 clamp(34px,4vw,56px)/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase}.foot-nav{display:flex;flex-wrap:wrap;gap:8px;max-width:640px}.foot-nav a{text-decoration:none;font-weight:600;border:2px solid var(--ink);border-radius:99px;padding:7px 14px;font-size:14px}.foot-nav a:hover{background:var(--ink);color:var(--persim)}.foot-word{display:block;font:800 clamp(140px,34vw,560px)/.74 var(--disp);font-variation-settings:"wdth" 75,"opsz" 96;letter-spacing:-.05em;margin:10px 0 0 -.03em}.foot-small{font-size:12.5px;max-width:760px}.inner{padding-top:calc(var(--rib) + var(--navh))}.phead{padding-top:clamp(40px,7vw,100px);padding-bottom:clamp(26px,4vw,50px)}.phead-sm{padding-bottom:18px}.phead-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,60px);align-items:end}.ph-h{font-size:clamp(56px,8.8vw,148px);line-height:.86;letter-spacing:-.035em}.phead-sm .ph-h{font-size:clamp(48px,6.4vw,104px)}.phead-p{max-width:540px;margin-top:24px;font-size:17px;color:var(--ink-3)}.shop-ph{border-radius:28px;border:2px solid var(--ink);box-shadow:8px 10px 0 var(--ink);transform:rotate(2deg);max-height:440px;aspect-ratio:4/4.4}.filters{position:sticky;top:calc(var(--rib) + var(--navh));z-index:30;background:#f1ece1f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block:2px solid var(--ink);transition:top .5s var(--ease)}body.nav-up .filters{top:var(--rib)}.filters-in{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.f-group{display:flex;align-items:center;gap:12px}.f-row{display:flex;gap:8px;flex-wrap:wrap}.f-sel{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:99px;padding:0 6px 0 14px;min-height:40px;background:var(--paper);min-width:0}.f-sel span{font:500 9.5px var(--mono);text-transform:uppercase;color:var(--muted);white-space:nowrap}.f-sel select{border:0;background:transparent;padding:8px 4px;font-size:14px;font-weight:600;outline:none;min-width:0;max-width:100%}.count{font:500 11px var(--mono);color:var(--muted);padding:22px 0 14px}.shop-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:60px}.shop-g .bag{cursor:pointer}.empty{padding:30px 0 100px}.empty button{border:0;background:none;text-decoration:underline;font-weight:700}.shop-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:clamp(70px,9vw,120px)}.shop-band div{border:2px solid var(--ink);border-radius:20px;padding:18px 20px;display:grid;gap:4px;background:var(--paper)}.shop-band b{font:800 28px/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase}.shop-band span{font-size:14px;color:var(--ink-3)}.modal{position:fixed;inset:0;z-index:90;background:#1412108c;display:grid;place-items:center;padding:16px}.modal-in{width:min(860px,100%);max-height:calc(100svh - 70px);overflow:auto;background:var(--bone);border:2px solid var(--ink);border-radius:28px;padding:clamp(20px,3vw,32px);animation:pop .55s var(--spring);position:relative;box-shadow:10px 12px 0 var(--ink);overscroll-behavior:contain}@keyframes pop{0%{transform:translateY(30px) scale(.94);opacity:0}}.m-x{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:22px;line-height:1;z-index:2}.qv{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:26px}.qv .bag{min-height:100%}.qv .bag:hover{transform:none;box-shadow:none}.qv h2{font-size:clamp(44px,5vw,70px);padding-right:40px}.qv-sub{font:500 11px var(--mono);color:var(--muted);margin:8px 0 14px}.qv p.d{color:var(--ink-3);font-size:15px}.qv-dl{margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.qv-dl div{border-top:2px solid var(--line);padding:8px 0}.qv-dl dt{font:500 9.5px var(--mono);text-transform:uppercase;color:var(--muted)}.qv-dl dd{margin:2px 0 0;font-weight:600;font-size:14.5px}.qv-opt{display:grid;gap:8px;margin-top:14px}.seg{display:inline-flex;border:2px solid var(--ink);border-radius:99px;padding:3px;background:var(--paper);gap:2px;flex-wrap:wrap}.seg button{min-height:38px;padding:0 16px;border-radius:99px;border:0;background:transparent;font-weight:600;font-size:14px}.seg button.is-on{background:var(--ink);color:var(--bone)}.seg-3{display:flex}.seg-3 button{flex:1}.qv-buy{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.qv-buy .pr{font:800 40px/1 var(--disp);font-variation-settings:"wdth" 75;margin-right:auto}.qty{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:99px;background:var(--paper)}.qty button{width:38px;height:38px;border:0;background:none;font-size:18px;font-weight:700}.qty output{min-width:22px;text-align:center;font:700 13px var(--mono)}.drawer{position:fixed;inset:0;z-index:92;background:#14121080;display:flex;justify-content:flex-end}.drawer-in{width:min(440px,100%);height:100%;background:var(--bone);border-left:2px solid var(--ink);padding:calc(var(--rib) + 18px) 20px 20px;display:flex;flex-direction:column;gap:16px;animation:slide .5s var(--ease)}@keyframes slide{0%{transform:translate(100%)}}.dr-head{display:flex;justify-content:space-between;align-items:center}.dr-head h2{font-size:48px}.dr-x{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-size:22px;line-height:1}.free-bar{display:grid;gap:8px;font-size:13.5px;font-weight:600}.free-bar i{display:block;height:12px;border-radius:99px;border:2px solid var(--ink);background:var(--paper);overflow:hidden}.free-bar b{display:block;height:100%;background:var(--leaf);width:0;transition:width .8s var(--ease)}.drawer .cart-lines{flex:1;overflow:auto;overscroll-behavior:contain}.cart-lines{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}.cl{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;border:2px solid var(--ink);border-radius:16px;padding:10px;background:var(--paper)}.cl-sw{width:54px;height:64px;border-radius:10px;border:2px solid var(--ink);background:var(--bc);color:var(--bt);display:grid;place-items:end start;padding:4px 6px;font:800 15px/.9 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase;overflow:hidden}.cl b{display:block;font-weight:700;font-size:15px;line-height:1.2}.cl small{display:block;font:500 10px/1.5 var(--mono);color:var(--muted)}.cl-r{display:grid;justify-items:end;gap:6px}.cl-r>span{font:700 13px var(--mono)}.cl .qty button{width:30px;height:30px;font-size:15px}.dr-empty{padding:30px 0;color:var(--muted)}.dr-foot{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:12px}.sum-tot{display:flex;justify-content:space-between;align-items:baseline}.sum-tot b{font:800 38px/1 var(--disp);font-variation-settings:"wdth" 75}.sub-g{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(80px,10vw,140px)}.sub-f{display:grid;gap:18px}.sq{border:2px solid var(--ink);border-radius:26px;padding:20px;margin:0;background:var(--paper);display:grid;gap:14px;min-width:0}.sq legend{float:left;width:100%;display:flex;align-items:center;gap:12px;font:800 30px/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase;padding:0;margin-bottom:4px}.sq legend b{width:34px;height:34px;border-radius:50%;background:var(--persim);border:2px solid var(--ink);display:grid;place-items:center;font:700 13px var(--mono);flex:none}.opt-g{display:grid;gap:10px}.opt-g-2{grid-template-columns:1fr 1fr}.opt{text-align:left;border:2px solid var(--ink);border-radius:18px;padding:14px 16px;background:var(--bone);display:grid;gap:2px;transition:background .2s,transform .35s var(--spring),box-shadow .25s}.opt b{font-weight:700;font-size:16px}.opt span{font-size:13px;color:var(--ink-3)}.opt:hover{transform:translateY(-2px)}.opt.is-on{background:var(--butter);box-shadow:4px 5px 0 var(--ink)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1 / -1}.fld{display:grid;gap:6px;min-width:0}.fld>span{font:500 10px var(--mono);text-transform:uppercase;color:var(--muted)}.fld input,.fld select{width:100%;min-width:0;border:2px solid var(--ink);border-radius:14px;background:var(--bone);padding:12px 14px;font-size:15.5px;font-weight:500;outline:none;min-height:50px}.fld input:focus,.fld select:focus{background:#fff;box-shadow:3px 4px 0 var(--persim)}.fld input:disabled{opacity:.7}.fld small{font-size:12px;color:var(--muted)}.stepper-n{display:inline-flex;align-items:center;border:2px solid var(--ink);border-radius:99px;background:var(--bone);margin-top:8px}.stepper-n button{width:46px;height:46px;border:0;background:none;font-size:22px;font-weight:700}.stepper-n output{min-width:40px;text-align:center;font:800 28px/1 var(--disp);font-variation-settings:"wdth" 75}.row2>div{display:grid;gap:8px;justify-items:start;align-content:start}.row2 .seg,.row2 .stepper-n{margin-top:0}.ferr{color:var(--persim-d);font-weight:600;font-size:14px}.sub-sum{position:sticky;top:calc(var(--rib) + var(--navh) + 18px);border:2px solid var(--ink);border-radius:30px;background:var(--cobalt);color:#fff;padding:24px;display:grid;gap:12px;box-shadow:8px 10px 0 var(--ink)}.sub-sum .eyebrow{color:#fff;margin:0}.sub-sum h2{font-size:46px}.ss-line{font:500 11px/1.6 var(--mono);color:var(--cobalt-l)}.ss-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;border-top:2px solid rgba(255,255,255,.25);padding-top:14px}.ss-price s{display:block;font:500 12px var(--mono);opacity:.7;margin-bottom:4px}.ss-price b{font:800 54px/1 var(--disp);font-variation-settings:"wdth" 75}.ss-price small{font:500 10px var(--mono);text-transform:uppercase}.ss-month{font-size:13.5px;color:var(--cobalt-l)}.ss-cal{list-style:none;margin:4px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ss-cal li{border:2px solid rgba(255,255,255,.35);border-radius:12px;padding:8px 6px;text-align:center;display:grid;gap:2px}.ss-cal li small{font:500 9px var(--mono);text-transform:uppercase;opacity:.8}.ss-cal li b{font:800 24px/1 var(--disp);font-variation-settings:"wdth" 75}.ss-cal li:first-child{background:var(--persim);color:var(--ink);border-color:var(--ink)}.sub-sum .small{color:var(--cobalt-l)}.bagviz{display:flex;gap:6px;height:74px;align-items:flex-end}.bagviz i{width:46px;border:2px solid var(--ink);border-radius:8px 8px 6px 6px;background:var(--persim);animation:drop .6s var(--spring) both;position:relative}.bagviz i:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;height:12px;border:2px solid var(--ink);border-radius:8px 8px 0 0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 2px,transparent 2px 6px)}.bagviz i.s250{height:54px}.bagviz i.s1000{height:74px;width:58px}@keyframes drop{0%{transform:translateY(-40px);opacity:0}}.m-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.m-tabs::-webkit-scrollbar{display:none}.m-tabs button{flex:none;display:grid;justify-items:start;gap:2px;min-width:132px;padding:12px 16px;border-radius:18px;border:2px solid var(--ink);background:var(--paper);text-align:left;transition:transform .35s var(--spring),background .2s}.m-tabs button b{font:800 26px/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase}.m-tabs button small{font:500 9.5px var(--mono);color:var(--muted)}.m-tabs button:hover{transform:translateY(-2px)}.m-tabs button.is-on{background:var(--persim);box-shadow:4px 5px 0 var(--ink)}.m-tabs button.is-on small{color:var(--ink)}.brew-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,60px);padding:20px 0 clamp(80px,10vw,140px);align-items:start}.brew-l{display:grid;gap:16px;position:sticky;top:calc(var(--rib) + var(--navh) + 16px)}.brew-ph{border-radius:26px;border:2px solid var(--ink);aspect-ratio:16/11}.calc{border:2px solid var(--ink);border-radius:26px;padding:20px;background:var(--paper);display:grid;gap:12px}.calc-h{display:flex;justify-content:space-between;align-items:baseline}.calc-h output{font:800 34px/1 var(--disp);font-variation-settings:"wdth" 75}.calc input[type=range]{width:100%;accent-color:var(--persim)}.calc-dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.calc-dl div{border:2px solid var(--ink);border-radius:14px;padding:10px 12px}.calc-dl div:first-child{background:var(--butter)}.calc-dl dt{font:500 9.5px var(--mono);text-transform:uppercase;color:var(--muted)}.calc-dl dd{margin:2px 0 0;font:800 30px/1 var(--disp);font-variation-settings:"wdth" 75}.grind-sc{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:center;min-height:44px;margin-top:8px}.grind-sc i{border:2px solid var(--ink);border-radius:50%;background:transparent;aspect-ratio:1;transition:background .3s,transform .4s var(--spring)}.grind-sc i:nth-child(1){width:20%}.grind-sc i:nth-child(2){width:32%}.grind-sc i:nth-child(3){width:44%}.grind-sc i:nth-child(4){width:56%}.grind-sc i:nth-child(5){width:68%}.grind-sc i:nth-child(6){width:82%}.grind-sc i:nth-child(7){width:96%}.grind-sc i{justify-self:center}.grind-sc i.on{background:var(--persim);transform:scale(1.15)}.grind-l{display:flex;justify-content:space-between;font:500 9.5px var(--mono);text-transform:uppercase;color:var(--muted);margin-top:6px}.grind-l span:nth-child(2){color:var(--ink);font-weight:700}.brew-r h2{font-size:clamp(56px,7vw,110px)}.b-intro{margin:14px 0 24px;font-size:17px;color:var(--ink-3);max-width:600px}.timer{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 22px;align-items:center;border:2px solid var(--ink);border-radius:26px;padding:18px;background:var(--ink);color:var(--bone);margin-bottom:20px}.t-ring{grid-row:1 / span 2;grid-column:1;position:relative}.t-ring svg{width:150px;height:150px;transform:rotate(-90deg)}.t-ring circle{fill:none;stroke:#f1ece126;stroke-width:10}.t-ring circle+circle{stroke:var(--persim);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .3s linear}.t-face{grid-column:2;display:grid;gap:4px}.t-face b{font:800 64px/1 var(--disp);font-variation-settings:"wdth" 75;font-variant-numeric:tabular-nums}.t-face span{font-size:15px;color:#cfc8bb}.t-btns{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}.t-btns .btn-line{color:var(--bone);border-color:var(--bone)}.b-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}.b-steps li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px;border:2px solid var(--ink);border-radius:18px;padding:14px 16px;background:var(--paper);transition:background .3s,transform .4s var(--spring)}.b-steps li time{font:700 13px var(--mono);padding-top:3px}.b-steps li b{display:block;font-weight:700;font-size:16.5px}.b-steps li span{font-size:14.5px;color:var(--ink-3)}.b-steps li.is-now{background:var(--butter);transform:translate(8px);box-shadow:-6px 0 0 var(--persim)}.b-steps li.is-done{opacity:.5}.b-pick{margin-top:24px;border:2px dashed var(--ink);border-radius:22px;padding:18px;display:grid;gap:12px}.b-pick-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mini{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;border:2px solid var(--ink);border-radius:16px;padding:8px;background:var(--paper);text-decoration:none}.mini .cl-sw{width:46px;height:54px}.mini b{font-weight:700;font-size:14.5px;display:block;line-height:1.15}.mini small{font:500 9.5px var(--mono);color:var(--muted)}.mini .addb{min-height:36px;padding:0 12px;font-size:13px}.cafe-hero{position:relative;height:clamp(240px,26vw,360px)}.cafe-ph1{position:absolute!important;width:66%;right:0;top:0;border-radius:50%;border:2px solid var(--ink)}.cafe-ph2{position:absolute!important;width:46%;left:0;bottom:-10%;border-radius:24px;border:2px solid var(--ink);transform:rotate(-6deg);box-shadow:6px 7px 0 var(--ink)}.cafe-g{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,56px);align-items:start;padding-top:30px;padding-bottom:clamp(80px,10vw,140px)}.c-sec{margin-bottom:40px}.c-sec h2{font-size:clamp(44px,5vw,74px);display:flex;align-items:baseline;gap:14px;margin-bottom:14px;flex-wrap:wrap}.c-sec h2 small{font:500 10.5px var(--mono);color:var(--muted);text-transform:none;letter-spacing:0}.c-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ci{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;border:2px solid var(--ink);border-radius:18px;padding:14px 14px 14px 16px;background:var(--paper);transition:transform .35s var(--spring),box-shadow .25s}.ci:hover{transform:translateY(-2px);box-shadow:4px 5px 0 var(--ink)}.ci h3{font-size:30px}.ci p{grid-column:1;font-size:13.5px;color:var(--ink-3)}.ci .pr{font:700 13px var(--mono);white-space:nowrap;align-self:start;padding-top:6px}.ci .tags{grid-column:1;display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.ci .tags span{font:500 9px var(--mono);text-transform:uppercase;padding:3px 7px;border-radius:99px;background:var(--bone);border:1.5px solid var(--line)}.ci .tags span.v{background:#ddebdf;border-color:transparent;color:var(--leaf)}.ci .tags span.n{background:#fbe2d6;border-color:transparent;color:var(--persim-d)}.ci .ci-add{grid-column:2;grid-row:2 / span 3;align-self:end;width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:var(--persim);font-size:22px;font-weight:700;line-height:1;transition:transform .35s var(--spring)}.ci .ci-add:hover{transform:rotate(90deg) scale(1.08)}.ci .ci-n{position:relative}.ci .ci-n[data-n]:after{content:attr(data-n);position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;border-radius:99px;background:var(--ink);color:var(--bone);font:700 10px/20px var(--mono);text-align:center;padding:0 4px}.c-order{position:sticky;top:calc(var(--rib) + var(--navh) + 80px);border:2px solid var(--ink);border-radius:26px;padding:20px;background:var(--butter);display:grid;gap:14px;box-shadow:8px 10px 0 var(--ink)}.co-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.co-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;font-size:14.5px;border-bottom:2px solid rgba(20,18,16,.12);padding-bottom:6px}.co-list li span{font:700 12px var(--mono)}.co-list li button{width:28px;height:28px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-weight:700;line-height:1}.co-list .muted{color:var(--ink-3);font-size:14px;border:0;display:block}.co-row{display:grid;gap:8px}.c-order .fld input{background:var(--paper)}.co-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);padding-top:10px}.co-tot b{font:800 34px/1 var(--disp);font-variation-settings:"wdth" 75}.cbar{position:fixed;z-index:60;left:0;right:0;bottom:0;padding:0 12px max(12px,env(safe-area-inset-bottom))}.cbar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 18px;border-radius:99px;background:var(--ink);color:var(--bone);border:2px solid var(--ink);font-weight:600;font-size:14px;animation:rise .6s var(--spring)}@keyframes rise{0%{transform:translateY(130%)}}.rcpt{background:#fff;border:2px solid var(--ink);border-radius:6px;padding:18px;font:500 12px/1.7 var(--mono);position:relative;margin:18px 0}.rcpt:after{content:"";position:absolute;left:-2px;right:-2px;bottom:-12px;height:12px;background:radial-gradient(circle at 6px -1px,transparent 6px,#fff 6.5px) 0 0 / 12px 12px repeat-x}.rcpt .r-h{text-align:center;font-weight:700;font-size:14px;margin-bottom:8px}.rcpt .r-l{display:flex;justify-content:space-between;gap:10px}.rcpt .r-t{border-top:2px dashed var(--ink);margin-top:8px;padding-top:8px;font-weight:700}.m-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.modal-in h3{font-size:clamp(42px,5vw,64px);padding-right:46px}.modal-in>p:not(.eyebrow){color:var(--ink-3);margin-top:10px}.co-g{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(80px,10vw,140px)}.co-g.is-done{grid-template-columns:minmax(0,1fr)}.co-main{display:grid;gap:18px}.co-sec{border:2px solid var(--ink);border-radius:26px;padding:20px;background:var(--paper);display:grid;gap:14px}.co-sec h2{display:flex;align-items:center;gap:12px;font-size:34px}.co-sec h2 b{width:34px;height:34px;border-radius:50%;background:var(--persim);border:2px solid var(--ink);display:grid;place-items:center;font:700 13px var(--mono);flex:none}.co-sec .cl{background:var(--bone)}.co-empty a{font-weight:700}.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}.check input{width:20px;height:20px;accent-color:var(--persim);flex:none;margin-top:1px}.card-f input{background:repeating-linear-gradient(135deg,var(--bone) 0 8px,#ebe5d8 8px 16px)!important}.co-sum{position:sticky;top:calc(var(--rib) + var(--navh) + 18px);border:2px solid var(--ink);border-radius:26px;padding:22px;background:var(--butter);display:grid;gap:12px;box-shadow:8px 10px 0 var(--ink)}.sum-dl{margin:0}.sum-dl div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:2px solid rgba(20,18,16,.12);font-size:14.5px}.sum-dl dt{color:var(--ink-3)}.sum-dl dd{margin:0;font:700 13px var(--mono)}.roast-note{font-size:13.5px;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:10px 12px}.co-done{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,56px);align-items:start}.done-h h2{font-size:clamp(56px,8vw,120px)}.done-h p{margin-top:16px;font-size:17px;color:var(--ink-3);max-width:560px}.track{list-style:none;margin:26px 0;padding:0;display:grid;gap:0}.track li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding-bottom:18px;position:relative}.track li:before{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--ink)}.track li:last-child:before{display:none}.track li i{width:34px;height:34px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);display:grid;place-items:center;font:700 11px var(--mono);font-style:normal}.track li.on i{background:var(--persim)}.track li b{display:block;font-weight:700}.track li span{font-size:14px;color:var(--ink-3)}.toast{position:fixed;z-index:99;left:50%;bottom:22px;transform:translate(-50%,160%);max-width:calc(100% - 32px);padding:12px 18px;border-radius:99px;background:var(--ink);color:var(--bone);border:2px solid var(--persim);font-weight:600;font-size:14px;transition:transform .55s var(--spring),opacity .3s,visibility .55s;pointer-events:none;text-align:center;opacity:0;visibility:hidden}.toast.is-on{transform:translate(-50%);opacity:1;visibility:visible}.pg-cafe .toast{bottom:90px}.pg-staff{background:#e9e3d6}.desk{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100svh;padding-top:var(--rib)}.side{position:sticky;top:var(--rib);height:calc(100svh - var(--rib));background:var(--ink);color:var(--bone);padding:22px 14px;display:flex;flex-direction:column;gap:28px;border-right:2px solid var(--ink)}.side-logo{flex-wrap:wrap;gap:4px 9px;padding:0 8px}.side-logo small{width:100%;font:500 9.5px var(--mono);text-transform:uppercase;color:var(--persim)}.side-nav{display:grid;gap:4px}.side-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;border:2px solid transparent;border-radius:14px;background:transparent;color:#cfc8bb;font-size:14.5px;font-weight:600;text-align:left}.side-nav button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.side-nav button b{margin-left:auto;min-width:22px;height:22px;border-radius:99px;background:var(--persim);color:var(--ink);font:700 10.5px var(--mono);display:grid;place-items:center;padding:0 6px}.side-nav button:hover{color:var(--bone);border-color:var(--ink-3)}.side-nav button.is-on{background:var(--bone);color:var(--ink)}.side-foot{margin-top:auto;display:grid;gap:12px;font-size:12.5px;padding:0 8px}.side-foot p{display:grid;gap:2px}.side-foot span{color:#8f877a}.side-foot a{color:var(--persim);text-decoration:none;font-weight:600}.dmain{padding:22px clamp(14px,2.4vw,32px) 60px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start}.dtop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.dtop h1{font-size:clamp(44px,5vw,64px)}.dtop-r{display:flex;align-items:center;gap:12px}.live{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono)}.live i{width:9px;height:9px;border-radius:50%;background:var(--leaf);animation:pulse 2s infinite}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.kpi{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:14px 16px;display:grid;gap:4px;min-width:0}.kpi small{font:500 9.5px var(--mono);text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi b{font:800 40px/1 var(--disp);font-variation-settings:"wdth" 75}.kpi span{font-size:12.5px;color:var(--ink-3)}.kpi.hot{background:var(--persim)}.kpi.hot small,.kpi.hot span{color:var(--ink)}.kpi.cob{background:var(--cobalt);color:#fff}.kpi.cob small,.kpi.cob span{color:var(--cobalt-l)}.card{background:var(--paper);border:2px solid var(--ink);border-radius:22px;padding:18px;min-width:0}.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.card-h h2{font-size:34px}.card-h>span{font:500 10.5px var(--mono);color:var(--muted)}.dgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:14px;margin-top:14px}.roast-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rday{background:var(--paper);border:2px solid var(--ink);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.rday-h{padding:14px 16px;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:var(--butter)}.rday.next .rday-h{background:var(--persim)}.rday-h h3{font-size:34px}.rday-h span{font:500 10px var(--mono);text-align:right}.batches{list-style:none;margin:0;padding:8px;display:grid;gap:6px}.batch{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 10px 10px 0;border-radius:12px;border:2px solid var(--line);background:var(--bone);text-align:left;width:100%}.batch:before{content:"";grid-row:1 / span 2;align-self:stretch;border-radius:0 4px 4px 0;background:var(--rc, var(--persim))}.batch b{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch small{grid-column:2;font:500 9.5px/1.4 var(--mono);color:var(--muted)}.batch .pill{grid-row:1 / span 2;grid-column:3}.batch.web{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.batch.st-done{opacity:.55}.rday-f{margin-top:auto;padding:10px 16px;border-top:2px solid var(--ink);font:500 10.5px var(--mono);display:flex;justify-content:space-between}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:99px;font:600 11px/1.3 var(--disp);white-space:nowrap;border:1.5px solid var(--ink);background:var(--paper)}.pill.plan{background:#ece6da}.pill.roasting{background:var(--persim)}.pill.cooling{background:var(--cobalt-l)}.pill.done,.pill.sent{background:#d8e8dc}.pill.open{background:var(--butter)}.pill.packed{background:var(--cobalt-l)}.pill.web{background:var(--ink);color:var(--bone)}.pill.late{background:var(--persim)}.stock{list-style:none;margin:0;padding:0;display:grid;gap:10px}.stock li{display:grid;grid-template-columns:120px minmax(0,1fr) 70px;gap:10px;align-items:center;font-size:13.5px}.stock li>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.sbar{height:14px;border-radius:99px;border:2px solid var(--ink);background:var(--bone);position:relative;overflow:hidden}.sbar i{position:absolute;left:0;top:0;bottom:0;background:var(--leaf)}.sbar i.need{background:repeating-linear-gradient(135deg,var(--persim) 0 4px,transparent 4px 8px)}.stock li b{font:700 11px var(--mono);text-align:right}.stock li.low b{color:var(--persim-d)}.chart svg{width:100%;height:auto}.chart text{font:500 9.5px var(--mono);fill:var(--muted)}.orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ord{border:2px solid var(--ink);border-radius:18px;padding:14px;background:var(--bone);display:grid;gap:10px;align-content:start}.ord.web{background:#fff6e2;box-shadow:4px 5px 0 var(--persim)}.ord.flash{animation:flash 1.4s 3}@keyframes flash{50%{box-shadow:0 0 0 6px #ff5b2473}}.ord-h{display:flex;justify-content:space-between;gap:10px;align-items:start}.ord-h b{font:700 13px var(--mono);display:block}.ord-h small{font-size:13px;color:var(--ink-3)}.ord ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13.5px}.ord ul li{display:flex;justify-content:space-between;gap:10px;border-top:1.5px dashed var(--line);padding-top:4px}.ord ul li span:last-child{font:500 10.5px var(--mono);color:var(--muted);white-space:nowrap}.ord-f{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font:500 10.5px var(--mono)}.ord-f .btn{min-height:36px;padding:0 14px;font-size:13px}.tbl-wrap{overflow-x:auto;overscroll-behavior-x:contain}.tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:700px}.tbl th{text-align:left;font:500 9.5px var(--mono);text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--ink);white-space:nowrap}.tbl td{padding:10px;border-bottom:1.5px solid var(--line);white-space:nowrap;vertical-align:middle}.tbl tr.web td{background:#fff6e2}.tbl tr.web td:first-child{box-shadow:inset 4px 0 0 var(--persim)}.tbl tr.due td:first-child b{color:var(--persim-d)}.tbl .acts{display:flex;gap:6px;justify-content:flex-end}.tbl .acts button{border:2px solid var(--ink);border-radius:99px;background:var(--paper);padding:4px 10px;font-size:12.5px;font-weight:600}.tbl .acts button:hover{background:var(--butter)}.tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.tk{border:2px solid var(--ink);border-radius:6px;background:#fff;padding:14px;font:500 12px/1.6 var(--mono);display:grid;gap:6px;align-content:start}.tk.web{background:#fff6e2}.tk-h{display:flex;justify-content:space-between;font-weight:700;font-size:13px}.tk-who{font:800 26px/1 var(--disp);font-variation-settings:"wdth" 75;text-transform:lowercase}.tk ul{margin:0;padding:0 0 0 16px}.tk .btn{min-height:34px;padding:0 12px;font-size:12.5px;justify-self:start}.empty-s{color:var(--muted);padding:10px 2px;font-size:14px}.veil{position:fixed;inset:0;z-index:94;background:var(--persim);pointer-events:none;clip-path:circle(0% at 50% 50%)}.veil.in{animation:veilIn .5s var(--ease) forwards}.veil.out{clip-path:circle(150% at 50% 50%);animation:veilOut .7s .05s var(--ease) forwards}@keyframes veilIn{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}@keyframes veilOut{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}@media (max-width: 1180px){.nav-staff span{display:none}.bag-row,.shop-g,.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.roast-days{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sub-g{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width: 960px){:root{--navh: 62px}.nav-links{display:none}.burger{display:block}.hero{grid-template-columns:minmax(0,1fr);min-height:auto;gap:40px}.hero-media{height:auto;aspect-ratio:4/3.6}.badge{left:auto;right:-8px;top:-40px;width:120px;height:120px}.badge b{font-size:36px}.bag-row,.shop-g{grid-template-columns:repeat(2,minmax(0,1fr))}.jr-card{grid-template-columns:minmax(0,1fr);min-height:0}.jr-ph{aspect-ratio:16/10;min-height:0}.finder,.st-g,.phead-split,.sub-g,.co-g,.co-done,.cafe-g,.brew-g{grid-template-columns:minmax(0,1fr)}.brew-l{position:static}.nums-g{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes{grid-template-columns:minmax(0,1fr)}.ct-card{margin:-60px auto 0}.shop-ph{max-width:420px}.sub-sum,.co-sum,.c-order{position:static}.cafe-hero{max-width:480px}.qv{grid-template-columns:minmax(0,1fr)}.qv .bag{min-height:0}.desk{grid-template-columns:minmax(0,1fr)}.side{position:sticky;top:var(--rib);z-index:20;height:auto;flex-direction:row;align-items:center;padding:8px var(--gut);gap:10px}.side-logo small,.side-foot{display:none}.side-logo{flex-wrap:nowrap;flex:none}.side-logo span{font-size:28px}.side-logo svg{width:26px;height:26px}.side-nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;min-width:0;scrollbar-width:none}.side-nav button{min-height:40px;padding:0 10px;width:auto;white-space:nowrap}.side-nav button span{display:none}.side-nav button.is-on span{display:inline}.side-nav button b{margin-left:2px}.dgrid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){body{font-size:15.5px}.rib{font-size:11px;gap:8px;padding:0 12px}.rib p{display:none}.nav{padding:0 12px;gap:8px}.nav-staff,.cart-btn span{display:none}.cart-btn{padding:0 6px 0 10px}.logo span{font-size:30px}.hero{padding-top:calc(var(--rib) + var(--navh) + 22px)}.hero-h{font-size:clamp(60px,19vw,92px)}.hero-p{font-size:16px}.hero-btns .btn{flex:1 1 100%}.hero-ph{box-shadow:6px 7px 0 var(--ink);border-radius:24px}.badge{width:100px;height:100px;right:-4px;top:-34px}.badge text{font-size:15px}.badge b{font-size:30px}.bag-row,.shop-g{grid-template-columns:minmax(0,1fr)}.bag{min-height:0}.bag h3{font-size:50px}.jr-c h3{font-size:74px}.jr-card{padding:18px;border-radius:24px;gap:16px}.jr-ph{aspect-ratio:16/9}.fd-match{grid-template-columns:84px minmax(0,1fr)}.fd-match h3{font-size:32px}.sticker{right:-6px;top:-16px;width:104px;height:104px;font-size:32px}.nums-g>div{padding:16px}.nums-g b{font-size:52px}.ct-ph{aspect-ratio:4/3.4;border-radius:24px}.ct-card{width:100%;box-shadow:5px 6px 0 var(--ink)}.ct-dl div{grid-template-columns:72px 1fr}.foot-word{font-size:44vw}.foot-g{grid-template-columns:minmax(0,1fr)}.foot-g>.foot-word,.foot-g>.foot-top,.foot-g>.foot-small{grid-column:1;grid-row:auto}.filters-in{gap:8px}.f-group{width:100%;overflow-x:auto;scrollbar-width:none}.f-group .chips{flex-wrap:nowrap}.f-group .chips button{flex:none}.f-row{width:100%;display:grid;grid-template-columns:1fr 1fr}.f-sel{padding-left:10px}.shop-band{grid-template-columns:minmax(0,1fr)}.filters .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.filters .chips::-webkit-scrollbar{display:none}.filters .chips button{flex:none}.modal{padding:10px;align-items:end}.modal-in{border-radius:24px;box-shadow:none;max-height:calc(100svh - 50px)}.opt-g-2,.row2{grid-template-columns:minmax(0,1fr)}.sq{padding:16px;border-radius:22px}.sq legend{font-size:26px}.ss-cal li b{font-size:20px}.seg-3 button{padding:0 8px;font-size:13px}.timer{grid-template-columns:96px minmax(0,1fr);padding:14px;gap:8px 14px}.t-ring svg{width:96px;height:96px}.t-face b{font-size:46px}.t-btns .btn{flex:1;padding:0 12px;min-height:44px}.t-btns{grid-column:1 / -1}.t-ring{grid-row:1}.b-steps li{grid-template-columns:56px minmax(0,1fr);padding:12px}.b-pick-row,.c-items{grid-template-columns:minmax(0,1fr)}.cafe-hero{height:230px}.co-sec{padding:16px}.co-sec h2{font-size:28px}.cl{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.cl-sw{width:46px;height:56px}.dmain{padding:14px 10px 60px;gap:12px}.dtop-r{width:100%;justify-content:space-between}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpis .kpi:first-child{grid-column:1 / -1}.kpi b{font-size:34px}.roast-days{grid-template-columns:minmax(0,1fr)}.card{padding:14px;border-radius:18px}.stock li{grid-template-columns:96px minmax(0,1fr) 62px}.orders{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}main{overflow-x:clip}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}html,body{overflow-x:clip}