@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5baf1b65c11560cb-s.3fa6shooes3qd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d0f5953821b08bc1-s.p.21s_cahnw20sc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Young Serif Fallback;src:local(Times New Roman);ascent-override:83.16%;descent-override:29.1%;line-gap-override:0.0%;size-adjust:125.78%}.young_serif_a42d4579-module__vkwI3a__className{font-family:Young Serif,Young Serif Fallback;font-style:normal;font-weight:400}.young_serif_a42d4579-module__vkwI3a__variable{--font-display:"Young Serif", "Young Serif Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/400bf8aa837fcb7e-s.2u3lqdovtp4z3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/f7aa21714c1c53f8-s.p.0jgzmitmnoe6_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.figtree_1b354ea6-module__zwG2HG__className{font-family:Figtree,Figtree Fallback;font-style:normal}.figtree_1b354ea6-module__zwG2HG__variable{--font-sans:"Figtree", "Figtree Fallback"}
:root{--green:#00754a;--cream:#f7f5ee;--deep:color-mix(in oklab, var(--green) 55%, #000);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--gutter:clamp(20px, 5vw, 72px);--content:1360px;--section:clamp(72px, 10vw, 136px);--r-sm:14px;--r-md:24px;--r-lg:36px;--t-hover:.2s;--t-swap:.46s;--t-enter:.8s;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}[data-ground=green]{--bg:var(--green);--fg:var(--cream);--soft:color-mix(in oklab, var(--cream) 78%, var(--green));--line:color-mix(in oklab, var(--cream) 30%, var(--green));--fill:color-mix(in oklab, var(--cream) 10%, var(--green));--shadow:color-mix(in oklab, var(--deep) 60%, transparent);background:var(--bg);color:var(--fg)}[data-ground=cream]{--bg:var(--cream);--fg:var(--green);--soft:color-mix(in oklab, var(--green) 80%, var(--cream));--line:color-mix(in oklab, var(--green) 22%, var(--cream));--fill:color-mix(in oklab, var(--green) 7%, var(--cream));--shadow:color-mix(in oklab, var(--green) 20%, transparent);background:var(--bg);color:var(--fg)}*,:before,:after{box-sizing:border-box}html{background:var(--cream);color:var(--green);-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:var(--cream);margin:0;font-size:17px;font-weight:450;line-height:1.6;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display), Georgia, serif;letter-spacing:-.015em;text-wrap:balance;font-weight:400;line-height:1.02}p{text-wrap:pretty}::selection{background:var(--green);color:var(--cream)}[data-ground=green] ::selection{background:var(--cream);color:var(--green)}:focus-visible{outline-offset:3px;border-radius:8px;outline:2.5px solid}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--green);color:var(--cream);transition:top var(--t-hover) var(--ease);border-radius:999px;padding:12px 18px;text-decoration:none;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.shell{width:100%;max-width:calc(var(--content) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.display{letter-spacing:-.025em;font-size:clamp(52px,8.6vw,136px);line-height:.94}.h2{font-size:clamp(34px,4.6vw,64px)}.h3{font-size:clamp(22px,1.9vw,28px);line-height:1.12}.lead{max-width:34ch;font-size:clamp(18px,1.45vw,21px);line-height:1.5}.body-sm{font-size:15px;line-height:1.55}.soft{color:var(--soft)}.fine{color:var(--soft);font-size:13px;line-height:1.5}.btn{--b-bg:var(--fg);--b-fg:var(--bg);border:1.5px solid var(--fg);letter-spacing:.005em;white-space:nowrap;min-height:52px;transition:background-color var(--t-hover) var(--ease), color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease), box-shadow var(--t-hover) var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn--solid{background:var(--fg);color:var(--bg)}.btn--solid:hover{box-shadow:0 10px 24px -12px var(--shadow);transform:translateY(-2px)}.btn--line{color:var(--fg);background:0 0}.btn--line:hover{background:var(--fg);color:var(--bg)}.btn--sm{min-height:44px;padding:0 20px;font-size:15px}.btn--wide{width:100%}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.icon-btn{width:48px;height:48px;color:inherit;transition:background-color var(--t-hover) var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--fill)}.icon-btn--ring{border:1.5px solid var(--line)}.icon-btn--ring:hover{border-color:var(--fg)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.link{text-underline-offset:5px;min-height:44px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);transition:text-decoration-color var(--t-hover) var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:600;display:inline-flex}.link:hover{text-decoration-color:currentColor}.link--quiet{color:var(--soft);font-weight:500}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);white-space:nowrap;min-height:44px;transition:background-color var(--t-hover) var(--ease), color var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease);background:0 0;border-radius:999px;padding:0 20px;font-size:15px;font-weight:600}.chip:hover{border-color:var(--fg)}.chip[aria-selected=true],.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip small{opacity:.7;margin-left:4px;font-weight:500}.notice{border-radius:var(--r-sm);border:1.5px dashed var(--line);padding:14px 16px;font-size:14px;line-height:1.5;display:block}.wave{pointer-events:none;z-index:2;height:clamp(26px,4vw,60px);position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.wave--flip{top:-1px;bottom:auto;transform:scaleY(-1)}.wave__svg{width:200%;height:100%;animation:28s linear infinite wave-drift;display:block}.wave__svg--slow{animation-duration:44s}@keyframes wave-drift{to{transform:translate(-50%)}}.header{z-index:40;transition:transform .42s var(--ease-out);padding-inline:clamp(12px,2.4vw,32px);position:fixed;inset:12px 0 auto}.header[data-hidden=true]{transform:translateY(-130%)}.header__bar{--bg:var(--cream);--fg:var(--green);--fill:color-mix(in oklab, var(--green) 7%, var(--cream));--line:color-mix(in oklab, var(--green) 22%, var(--cream));--shadow:color-mix(in oklab, var(--green) 25%, transparent);background:var(--cream);max-width:1480px;height:68px;color:var(--green);box-shadow:0 12px 30px -18px var(--shadow);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-inline:auto;padding:0 10px 0 18px;display:grid}.header__nav{gap:4px;display:flex}.header__link{min-height:44px;transition:background-color var(--t-hover) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.header__link:hover{background:var(--fill)}.header__logo{transition:transform .5s var(--ease-out);border-radius:999px;place-items:center;display:grid}.header__logo:hover{transform:rotate(-8deg)scale(1.04)}.header__actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.header__burger{display:none}.header__count{background:var(--green);min-width:20px;height:20px;color:var(--cream);text-align:center;border-radius:999px;padding:0 5px;font-size:12px;font-weight:700;line-height:20px;position:absolute;top:5px;right:3px}.header__bag[data-bump=true]{animation:bump .6s var(--ease-out)}@keyframes bump{30%{transform:scale(1.18)rotate(-8deg)}60%{transform:scale(.96)}}@media (max-width:900px){.header__bar{grid-template-columns:auto 1fr auto;height:60px;padding:0 6px}.header__nav,.header__store,.header__order{display:none}.header__burger{display:inline-grid}.header__logo{justify-self:center}.header__logo svg{width:44px;height:44px}}.mnav{min-height:100%;padding:24px var(--gutter) 40px;flex-direction:column;gap:32px;display:flex}.mnav ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mnav li a{font-family:var(--font-display);padding:10px 0;font-size:clamp(38px,11vw,56px);line-height:1.1;text-decoration:none;display:block}.mnav__foot{gap:12px;margin-top:auto;display:grid}.drawer{z-index:60;pointer-events:none;position:fixed;inset:0}.drawer[data-open=true]{pointer-events:auto}.drawer__scrim{background:color-mix(in oklab, var(--deep) 45%, transparent);opacity:0;transition:opacity .38s var(--ease);position:absolute;inset:0}.drawer[data-open=true] .drawer__scrim{opacity:1}.drawer__panel{overscroll-behavior:contain;visibility:hidden;width:min(480px,100%);transition:transform .52s var(--ease-out), visibility 0s .52s;box-shadow:-30px 0 60px -40px var(--shadow);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(104%)}.drawer--full .drawer__panel{width:100%}.drawer[data-open=true] .drawer__panel{visibility:visible;transition:transform .52s var(--ease-out), visibility 0s;transform:none}.drawer__close{z-index:2;position:absolute;top:14px;right:14px}.bag{gap:20px;padding:28px 28px 40px;display:grid}.bag__title{padding-right:56px;font-size:40px}.bag__empty{justify-items:start;gap:20px;padding-top:8px;display:grid}.bag__list{margin:0;padding:0;list-style:none;display:grid}.bag__line{border-top:1.5px solid var(--line);grid-template-columns:80px 1fr;gap:16px;padding:18px 0;display:grid}.bag__thumb{background:var(--cream);border:1.5px solid var(--line);border-radius:12px;width:80px;height:100px;overflow:hidden}.bag__thumb[data-kind=coffee]{background:var(--green);border-color:var(--green)}.bag__thumb img{object-fit:cover;width:100%;height:100%}.bag__name{font-weight:700;line-height:1.3}.bag__meta{color:var(--soft);font-size:14px}.bag__row{flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:6px;display:flex}.qty{border:1.5px solid var(--line);border-radius:999px;align-items:center;display:inline-flex}.qty button{background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.qty button:hover{background:var(--fill)}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty output{text-align:center;min-width:20px;font-weight:700}.bag__total{border-top:1.5px solid var(--fg);gap:14px;padding-top:20px;display:grid}.bag__sum{justify-content:space-between;align-items:baseline;font-size:18px;display:flex}.bag__sum strong{font-family:var(--font-display);font-size:30px;font-weight:400}.bag__fine{color:var(--soft);margin-top:4px;font-size:13px}.cup-stage{outline-offset:-6px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative}.cup-stage:active{cursor:grabbing}.cup-stage__poster{max-width:none;transform:translate(-50%);width:auto!important;height:100%!important;left:50%!important}html[data-cup=live] .cup-stage__poster{visibility:hidden}.cup-flight-layer{z-index:30;pointer-events:none;opacity:0;width:100vw;height:100lvh;position:fixed;top:0;left:0}html[data-cup=live] .cup-flight-layer{opacity:1}.cup-flight-layer[data-active=false]{visibility:hidden}.cup-flight-layer,.cup-flight-layer *{pointer-events:none!important}.ring{aspect-ratio:1;pointer-events:none;width:clamp(104px,10vw,136px);position:absolute}.ring svg{width:100%;height:100%;animation:22s linear infinite spin}.ring text{font-family:var(--font-sans);letter-spacing:.19em;fill:currentColor;font-size:10.4px;font-weight:700}.ring__core{background:var(--fg);color:var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;inset:30%}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hero{align-items:center;min-height:max(720px,100svh);padding:clamp(112px,13vh,150px) 0 clamp(64px,8vw,110px);display:flex;position:relative;overflow:hidden}.hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;display:grid}.hero__copy{z-index:2;grid-area:1/1/auto/span 6;justify-items:start;gap:28px;display:grid;position:relative}.hero__title{display:grid}.hero__line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.hero__line>span{display:block}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero__stage{height:min(84svh,860px);min-height:560px;margin-right:calc(var(--gutter) * -.5);grid-area:1/6/auto/span 7;position:relative}.hero__cup{position:absolute;inset:0}.hero__ring{color:var(--fg);--bg:var(--green);--fg:var(--cream);top:6%;right:4%}@media (max-width:900px){.hero{align-items:stretch;min-height:100svh;padding:92px 0 clamp(40px,6svh,64px)}.hero__grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:calc(100svh - 92px - clamp(40px,6svh,64px));min-height:0}.hero__copy{grid-area:1/1;gap:16px}.hero__title.display{font-size:clamp(40px,11.5vw,72px)}.hero__sub{font-size:16px}.hero__stage{height:auto;min-height:200px;margin:4px calc(var(--gutter) * -1) 0;grid-area:2/1}.hero__ring{width:96px;bottom:8%;left:auto;right:6%}}main>section:focus{outline:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.cursor-dot,.cursor-ring{z-index:100;pointer-events:none;opacity:0;will-change:transform;width:0;height:0;transition:opacity .2s linear;position:fixed;top:0;left:0}.cursor-dot i,.cursor-ring i{will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.cursor-dot i{background:var(--c);width:8px;height:8px;transition:transform .3s var(--ease-out), background-color .3s linear;margin:-4px 0 0 -4px}.cursor-ring i{border:1.5px solid var(--c);width:40px;height:40px;transition:transform .45s var(--ease-out), background-color .3s linear, border-color .3s linear;margin:-20px 0 0 -20px}.cursor-ring span{font:700 12px/1 var(--font-sans), sans-serif;letter-spacing:.02em;color:var(--cream);opacity:0;white-space:nowrap;transition:opacity .25s linear;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}html{--c:var(--green)}html[data-cursor-ground=green]{--c:var(--cream)}.cursor-ring[data-mode=hot] i{background:color-mix(in oklab, var(--c) 14%, transparent);transform:scale(1.4)}.cursor-dot[data-mode=hot] i,.cursor-dot[data-mode=drag] i{transform:scale(0)}.cursor-ring[data-mode=drag] i{background:var(--green);border-color:var(--cream);transform:scale(1.8)}.cursor-ring[data-mode=drag] span{opacity:1}.cursor-ring[data-mode=text],.cursor-dot[data-mode=text]{opacity:0!important}.cursor-ring.is-down i{transform:scale(.75)}.cursor-ring.is-down[data-mode=drag] i{transform:scale(1.55)}@media (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor input,html.has-cursor textarea{cursor:text!important}}html:has(.loader[data-state=on]){overflow:hidden}.loader{z-index:100;place-content:center;justify-items:center;gap:var(--s6);background:var(--cream);transition:opacity .5s var(--ease), visibility 0s .5s;display:grid;position:fixed;inset:0}.loader[data-state=out]{opacity:0;visibility:hidden}.loader svg{animation:loader-breathe 1.6s var(--ease) infinite alternate}.loader__bar{background:color-mix(in oklab, var(--green) 18%, var(--cream));border-radius:2px;width:72px;height:2px;position:relative;overflow:hidden}.loader__bar:after{content:"";border-radius:inherit;background:var(--green);width:40%;animation:loader-slide 1.1s var(--ease) infinite;position:absolute;inset:0}@keyframes loader-breathe{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.loader svg,.loader__bar:after{animation:none}}
.section{padding:var(--section) 0 calc(var(--section) + 24px);position:relative}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;margin-bottom:clamp(32px,4vw,56px);display:flex}.section__head .h2{max-width:16ch}.section__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:clamp(32px,4vw,48px);display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.menu{--corridor:clamp(240px, 22vw, 420px)}.menu>.shell{padding-right:calc(var(--gutter) + var(--corridor))}.menu .section__head{flex-direction:column;align-items:flex-start;gap:20px}@media (max-width:1100px){.menu{--corridor:27vw}}@media (max-width:700px){.menu{--corridor:116px}}.menu__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);min-height:200px;display:grid}.menu__cell{animation:rise var(--t-swap) var(--ease-out) both;animation-delay:calc(var(--i) * 55ms)}.dcard{gap:6px;display:grid;position:relative}.dcard__tile{aspect-ratio:4/5;border-radius:var(--r-lg);margin-bottom:12px;position:relative;overflow:hidden}.dcard__tile img{object-fit:cover;transition:transform .7s var(--ease-out)}.dcard:hover .dcard__tile img{transform:scale(1.05)translateY(-2%)}.dcard__name{font-size:clamp(21px,1.7vw,26px);line-height:1.12}.dcard__open{all:unset;cursor:pointer}.dcard__open:after{content:"";border-radius:var(--r-lg);position:absolute;inset:0}.dcard__open:focus-visible:after{outline:2.5px solid var(--green);outline-offset:4px}.dcard__meta{color:var(--soft);font-size:15px}@media (max-width:1000px){.menu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.menu__grid{grid-template-columns:1fr;gap:14px}.dcard{grid-template-rows:auto auto;grid-template-columns:92px 1fr;align-content:center;align-items:center;gap:2px 14px}.dcard__tile{border-radius:18px;grid-row:1/span 2;margin:0}.dcard__name{align-self:end;font-size:19px}.dcard__meta{align-self:start;font-size:13.5px}.dcard__open:after{border-radius:18px}}.detail{display:grid}.detail__media{aspect-ratio:1;position:relative}.detail__media img{object-fit:cover}.detail__body{gap:18px;padding:28px 28px 40px;display:grid}.detail__title{font-size:clamp(32px,4vw,42px)}.detail__price{color:var(--soft);align-items:baseline;gap:12px;display:flex}.detail__price strong{font-family:var(--font-display), serif;color:var(--fg);font-size:28px;font-weight:400}.detail__actions{gap:10px;display:grid}.facts{border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0;margin:0;display:grid}.facts>div{padding:14px 0}.facts dt{color:var(--soft);font-size:13px}.facts dd{margin:2px 0 0;font-size:18px;font-weight:700}.brand{padding:clamp(80px,9vw,120px) 0 clamp(120px,12vw,170px);position:relative;overflow:hidden}.brand__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:24px;display:grid}.brand__copy{grid-area:1/1/auto/span 5;align-content:center;gap:24px;display:grid}.brand__title{max-width:12ch}.brand__stage{grid-area:1/6/auto/span 7;justify-items:center;gap:16px;display:grid}.brand__cup{width:100%;height:min(72svh,700px);min-height:460px}.brand__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.brand__controls .chip{align-items:center;gap:8px;display:inline-flex}.brand__sep{background:var(--line);width:1.5px;height:28px;margin:0 6px}@media (max-width:700px){.brand__caption{height:128px!important}}.brand__caption{text-align:center;max-width:46ch;height:104px;overflow:hidden}.brand__caption p{color:var(--soft);font-size:15px}.brand__buy{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}@media (max-width:900px){.brand__grid{grid-template-columns:1fr}.brand__copy,.brand__stage{grid-area:auto/1}.brand__stage{order:-1}.brand__cup{height:60svh;min-height:380px}.brand__sep{display:none}}.goods__intro{gap:12px;display:grid}.goods__bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.chips--quiet .chip{min-height:40px;padding:0 16px;font-size:14px}.goods__arrows{flex:none;gap:8px;display:flex}.rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:max(var(--gutter), calc((100vw - var(--content)) / 2));cursor:grab;outline-offset:-4px;padding:4px 0 12px;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail[data-dragging=true]{cursor:grabbing;scroll-snap-type:none}.rail[data-dragging=true] *{pointer-events:none}.rail__track{padding:0 max(var(--gutter), calc((100vw - var(--content)) / 2));gap:clamp(16px,2vw,24px);width:max-content;margin:0;list-style:none;display:flex}.rail__item{scroll-snap-align:start;width:clamp(248px,23vw,318px);animation:rise var(--t-swap) var(--ease-out) both;animation-delay:calc(min(var(--i), 5) * 50ms)}.pcard{gap:16px;height:100%;display:grid;position:relative}.pcard__tile{aspect-ratio:4/5;border-radius:var(--r-lg);position:relative;overflow:hidden}.pcard__tile[data-ground=cream]{box-shadow:inset 0 0 0 1.5px var(--line)}.pcard__tile img{object-fit:cover;transition:transform .7s var(--ease-out)}.pcard:hover .pcard__tile img{transform:scale(1.04)}.pcard__body{align-content:start;gap:8px;display:grid}.pcard__name{font-size:22px;line-height:1.15}.pcard__open{all:unset;cursor:pointer}.pcard__open:after{content:"";border-radius:var(--r-lg);position:absolute;inset:0 0 64px}.pcard__open:focus-visible:after{outline:2.5px solid var(--green);outline-offset:4px}.pcard__note{color:var(--soft);min-height:2.9em;font-size:15px;line-height:1.45}.pcard__price{color:var(--soft);align-items:baseline;gap:10px;font-size:14px;display:flex}.pcard__price strong{color:var(--fg);font-size:18px}.pcard__actions{z-index:1;margin-top:4px;position:relative}@media (max-width:700px){.goods__bar{flex-direction:column;align-items:stretch}.goods__bar .chips{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.goods__arrows{display:none}.rail__item{width:72vw}}.journey{overflow:clip}.journey__lede{max-width:36ch}.journey__split{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px;display:grid}.journey__scene{aspect-ratio:1;border-radius:var(--r-lg);background:var(--fill);grid-column:1/span 6;position:sticky;top:110px;overflow:hidden}.journey__visual{opacity:0;transition:opacity .7s var(--ease), transform 1.2s var(--ease-out);position:absolute;inset:0;transform:scale(1.06)}.journey__visual[data-active=true]{opacity:1;transform:none}.journey__visual img{object-fit:cover}.journey__visual--bags{background:var(--green);justify-content:center;align-items:center;display:flex}.journey__bag{aspect-ratio:4/5;width:38%;transform:rotate(calc((var(--i) - 1) * 7deg));margin-inline:-4%;position:relative}.journey__bag:nth-child(2){z-index:1;transform:scale(1.12)}.journey__bag img{object-fit:contain}.journey__count{background:var(--bg);color:var(--fg);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;bottom:16px;left:20px}.journey__steps{grid-column:8/span 5;gap:24px;display:grid}.journey__tabs{border-top:1.5px solid var(--line);display:grid}.journey__tab{all:unset;box-sizing:border-box;cursor:pointer;border-bottom:1.5px solid var(--line);min-height:64px;font-family:var(--font-display), serif;color:var(--soft);transition:color var(--t-hover) var(--ease);align-items:center;gap:18px;padding:10px 0;font-size:clamp(26px,2.6vw,38px);display:flex}.journey__tab:hover,.journey__tab[aria-selected=true]{color:var(--fg)}.journey__tab:focus-visible{outline-offset:2px;outline:2.5px solid}.journey__num{width:36px;height:36px;font-family:var(--font-sans), sans-serif;border:1.5px solid;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:700;display:inline-grid}.journey__tab[aria-selected=true] .journey__num{background:var(--fg);color:var(--bg);border-color:var(--fg)}.journey__panel{animation:rise var(--t-swap) var(--ease-out) both;gap:16px;display:grid}.journey__panel[hidden]{display:none}.journey__text{font-size:clamp(18px,1.4vw,20px);line-height:1.5}.journey__links{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.journey__list{margin:0;padding:0;list-style:none;display:none}@media (max-width:900px){.journey__split{display:none}.journey__list{gap:56px;display:grid}.journey__item{gap:16px;display:grid}.journey__scene--item{aspect-ratio:4/3;grid-column:auto;position:relative;top:auto}.journey__item .h3{align-items:center;gap:12px;font-size:30px;display:flex}}.roast{border-radius:var(--r-md);background:var(--fill);gap:16px;padding:20px;display:grid}.roast__scale{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.roast__stop{all:unset;box-sizing:border-box;cursor:pointer;border:1.5px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:700;display:flex}.roast__stop[aria-checked=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.roast__stop:focus-visible{outline-offset:2px;outline:2.5px solid}.roast__dot{border:1.5px solid;border-radius:50%;width:14px;height:14px}.roast__dot[data-roast=medium]{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.roast__dot[data-roast=dark]{background:currentColor}.roast__text{min-height:3em;font-size:15px}.roast__bags{gap:8px;margin:0;padding:0;list-style:none;display:grid}.roast__bag{all:unset;box-sizing:border-box;cursor:pointer;width:100%;transition:background-color var(--t-hover) var(--ease);border-radius:16px;align-items:center;gap:14px;padding:6px;display:flex}.roast__bag:hover{background:var(--fill)}.roast__bag:focus-visible{outline:2.5px solid}.roast__bag strong{font-size:15px;display:block}.roast__bag small{color:var(--soft);font-size:13px;display:block}.roast__thumb{background:var(--green);width:48px;height:60px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:10px;flex:none;position:relative;overflow:hidden}.roast__thumb img{object-fit:cover}.cafe__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:24px;display:grid}.cafe__photo{aspect-ratio:4/5;border-radius:var(--r-lg);grid-area:1/1/span 2/span 7;margin:0;position:relative;overflow:hidden}.cafe__photo img{object-fit:cover;object-position:38% 50%}.cafe__photo--small{aspect-ratio:1;border:6px solid var(--cream);z-index:1;grid-area:2/6/auto/span 3;align-self:end;margin-bottom:-48px}.cafe__copy{grid-area:1/9/span 2/span 4;gap:28px;display:grid}.finder{border-radius:var(--r-lg);gap:14px;padding:28px;display:grid}.finder__text{color:var(--soft);font-size:15px}.finder__actions{flex-wrap:wrap;gap:10px;display:flex}.finder__status{color:var(--soft);min-height:2.9em;font-size:13.5px}.finder__status svg{vertical-align:-3px;display:inline}@media (max-width:1100px){.cafe__copy{grid-column:8/span 5}.cafe__photo--small{grid-column:5/span 3}}@media (max-width:900px){.cafe__grid{grid-template-columns:repeat(4,1fr)}.cafe__photo{aspect-ratio:4/3.4;grid-area:1/1/auto/-1}.cafe__photo--small{aspect-ratio:1;grid-area:2/3/auto/span 2;margin:-80px 0 0}.cafe__copy{grid-area:3/1/auto/-1}}.reuse__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:24px;display:grid}.reuse__copy{grid-column:1/span 4;justify-items:start;gap:20px;display:grid}.reuse__stage{aspect-ratio:10/9;grid-column:5/span 8;position:relative}.reuse__tile{aspect-ratio:4/5;border-radius:var(--r-lg);width:46%;position:absolute;top:0;left:14%;overflow:hidden}.reuse__tile img{object-fit:cover}.reuse__tile--small{width:26%;box-shadow:0 30px 50px -30px var(--deep);top:34%;left:56%;transform:rotate(5deg)}.reuse__ring{z-index:2;color:var(--fg);--bg:var(--green);--fg:var(--cream);top:66%;left:5%}.callouts{margin:0;padding:0;list-style:none}.callout{border-left:1.5px solid var(--line);gap:4px;max-width:230px;padding-left:18px;font-size:14.5px;line-height:1.45;display:grid;position:absolute}.callout strong{font-size:16px}.callout span{color:var(--soft)}.callout--a{top:2%;left:64%}.callout--b{max-width:170px;top:42%;left:85%}.callout--c{top:75%;left:62%}.reuse__buy{border-top:1.5px solid var(--line);grid-column:1/-1;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:16px 24px;margin-top:48px;padding-top:24px;display:grid}.reuse__name{font-weight:700}@media (max-width:1100px){.callout--b{max-width:150px;left:84%}}@media (max-width:900px){.reuse__copy,.reuse__stage{grid-column:1/-1}.reuse__stage{aspect-ratio:auto;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.reuse__tile{grid-column:1/span 2;width:auto;position:relative;top:auto;left:auto}.reuse__tile--small{grid-column:2;width:auto;margin-top:-45%}.reuse__ring{top:52%;left:4%}.callouts{grid-column:1/-1;gap:16px;display:grid}.callout{max-width:none;position:static}.reuse__buy{grid-template-columns:1fr auto}}.faq{padding-bottom:calc(var(--section) * .6)}.faq__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.faq__grid>:first-child{grid-column:1/span 4;align-content:start;gap:16px;display:grid}.faq__lede{max-width:30ch}.acc{border-top:1.5px solid var(--line);grid-column:6/span 7}.acc__item{border-bottom:1.5px solid var(--line)}.acc__h{font-family:var(--font-sans), sans-serif;letter-spacing:0;font-size:19px;font-weight:700;line-height:1.35}.acc__btn{all:unset;box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:72px;padding:16px 0;display:flex}.acc__btn:focus-visible{outline-offset:2px;outline:2.5px solid}.acc__icon{border:1.5px solid var(--line);width:40px;height:40px;transition:transform var(--t-swap) var(--ease-out), background-color var(--t-hover) var(--ease), color var(--t-hover) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.acc__item[data-open=true] .acc__icon{background:var(--fg);color:var(--bg);border-color:var(--fg);transform:rotate(45deg)}.acc__panel{transition:grid-template-rows var(--t-swap) var(--ease-out);grid-template-rows:0fr;display:grid}.acc__item[data-open=true] .acc__panel{grid-template-rows:1fr}.acc__inner{justify-items:start;gap:4px;display:grid;overflow:hidden}.acc__inner p{max-width:62ch;padding-right:48px}.acc__item[data-open=true] .acc__inner{padding-bottom:20px}.acc__item:not([data-open=true]) .acc__panel{visibility:hidden;transition:grid-template-rows var(--t-swap) var(--ease-out), visibility 0s var(--t-swap)}@media (max-width:900px){.faq__grid>:first-child,.acc{grid-column:1/-1}.acc__inner p{padding-right:0}}.journal{padding-top:calc(var(--section) * .5)}.journal__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.story{align-content:start;gap:10px;display:grid;position:relative}.story__media{aspect-ratio:4/3;border-radius:var(--r-md);background:var(--green);margin-bottom:6px;position:relative;overflow:hidden}.story__media img{object-fit:cover;transition:transform .7s var(--ease-out)}.story__media[data-ground=green] img{object-fit:contain}.story:hover .story__media img{transform:scale(1.04)}.story__meta{color:var(--soft);justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.story__title{font-size:21px;line-height:1.2}.story__title a{text-decoration:none}.story__title a:after{content:"";border-radius:var(--r-md);position:absolute;inset:0}.story__title a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.story__sum{color:var(--soft);font-size:15px}@media (max-width:1100px){.journal__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}@media (max-width:560px){.journal__list{grid-template-columns:1fr}}.footer{padding:clamp(56px,7vw,96px) 0 32px}.footer__top{grid-template-columns:repeat(12,minmax(0,1fr));gap:40px 24px;padding-bottom:56px;display:grid}.footer__brand{grid-column:1/span 4;align-content:start;gap:20px;display:grid}.footer__line{font-family:var(--font-display), serif;max-width:10ch;font-size:clamp(28px,2.6vw,38px);line-height:1.05}.footer__cols{grid-column:5/span 8;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;display:grid}.footer__h{font-family:var(--font-sans), sans-serif;letter-spacing:0;margin-bottom:10px;font-size:15px;font-weight:700}.footer ul{margin:0;padding:0;list-style:none}.footer__cols a{min-height:40px;color:var(--soft);transition:color var(--t-hover) var(--ease);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}.footer__cols a:hover{color:var(--fg);text-underline-offset:4px;text-decoration:underline}.footer__bottom{border-top:1.5px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:24px;font-size:13.5px;display:flex}.footer__concept{color:var(--soft)}.footer__legal{flex-wrap:wrap;gap:4px 20px;display:flex}.footer__legal a{min-height:44px;color:var(--soft);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;align-items:center;display:inline-flex}@media (max-width:900px){.footer__brand,.footer__cols{grid-column:1/-1}.footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.goods__roasts{margin:-16px 0 8px}.flow{--w:clamp(220px, 26vw, 360px);--gap:calc(var(--w) * .78 + 40px);height:calc(var(--w) * 1.25 + 90px);touch-action:pan-y;outline-offset:-6px;-webkit-user-select:none;user-select:none;margin-top:24px;position:relative;overflow:hidden}.flow__stage{margin:0;padding:0;list-style:none;position:absolute;inset:0}.flow__item{width:var(--w);aspect-ratio:4/5;margin-left:calc(var(--w) / -2);cursor:pointer;transform:translateX(calc(var(--o) * var(--gap))) scale(calc(1 - min(var(--a), 1) * .5));filter:blur(calc(min(var(--a), 3) * 4px)) saturate(calc(1 - min(var(--a), 1) * .25));opacity:calc(1 - min(var(--a), 4) * .2);z-index:calc(10 - var(--a));transition:transform .7s var(--ease-out), filter .7s var(--ease-out), opacity .7s var(--ease-out);will-change:transform, filter;position:absolute;top:20px;left:50%}.flow__item[data-active=true]{cursor:zoom-in}.flow__tile{border-radius:var(--r-lg);transition:box-shadow .7s var(--ease-out);position:absolute;inset:0;overflow:hidden}.flow__tile[data-ground=cream]{box-shadow:inset 0 0 0 1.5px var(--line)}.flow__item[data-active=true] .flow__tile{box-shadow:0 40px 70px -40px color-mix(in oklab, var(--green) 70%, transparent)}.flow__tile img{object-fit:cover;pointer-events:none}.flow__arrow{z-index:20;background:var(--cream);margin-top:-24px;position:absolute;top:50%}.flow__arrow--prev{left:calc(50% - var(--w) / 2 - 72px)}.flow__arrow--next{left:calc(50% + var(--w) / 2 + 24px)}.flow__info{text-align:center;padding:8px var(--gutter) 0;animation:rise .5s var(--ease-out) both;justify-items:center;gap:8px;display:grid}.flow__name{max-width:22ch;font-size:clamp(24px,2.2vw,32px)}.flow__note{max-width:44ch;font-size:15px}.flow__price{color:var(--soft);align-items:baseline;gap:10px;font-size:14px;display:flex}.flow__price strong{color:var(--fg);font-size:20px}.flow__actions{align-items:center;gap:20px;margin-top:4px;display:flex}.flow__count{margin-top:4px}@media (max-width:700px){.flow{--w:58vw;--gap:calc(var(--w) * .78 + 14px)}.flow__arrow--prev{left:8px}.flow__arrow--next{left:auto;right:8px}.goods__roasts{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.flow__item{transition:none}}.footer__sima{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;font-weight:700}.footer__sima:hover{text-decoration-color:currentColor}
.page-head{padding:clamp(140px,16vw,200px) 0 clamp(56px,7vw,88px);position:relative}.page-head .shell{gap:20px;display:grid}.page-head__title{font-size:clamp(56px,9vw,128px)}.section--tight{padding-top:clamp(48px,6vw,72px)}.catalog{gap:20px;display:grid}.catalog__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search{border:1.5px solid var(--line);background:var(--cream);max-width:460px;min-height:52px;transition:border-color var(--t-hover) var(--ease);border-radius:999px;flex:320px;align-items:center;gap:10px;padding:0 8px 0 18px;display:flex}.search:focus-within{border-color:var(--fg);outline:2.5px solid var(--fg);outline-offset:2px}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:48px;font-size:16px}.search input::-webkit-search-cancel-button{display:none}.search__clear{background:var(--fill);border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.catalog__count{color:var(--soft);align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}.catalog__grid{margin:0;padding:0;list-style:none}.shop__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px clamp(16px,2vw,28px);display:grid}.catalog__empty{border-radius:var(--r-lg);border:1.5px dashed var(--line);justify-items:start;gap:12px;padding:48px 32px;display:grid}.catalog__note{margin-top:48px}@media (max-width:1100px){.shop__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:800px){.shop__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.shop__grid .pcard__name{font-size:18px}}.credits{gap:32px;max-width:900px;display:grid}.credits__table{border-collapse:collapse;width:100%;font-size:15px}.credits__table th,.credits__table td{text-align:left;vertical-align:top;border-bottom:1.5px solid var(--line);padding:14px 16px 14px 0}.credits__table th{color:var(--soft);font-size:13px;font-weight:600}.credits__table td:first-child{width:38%;font-weight:700}.credits__table .link{min-height:0;font-weight:500}