@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}:root{--ink:#1f1410;--cream:#fbf6ec;--sand:#f1e8d8;--line:#dccfb9;--muted:#65554a;--accent:#a8401f;--accent-strong:#8a3216;--light-on-dark:#e9d9b8;--serif:"Fraunces Variable", Georgia, serif;--sans:"Inter Variable", system-ui, sans-serif;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{background:var(--cream);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);margin:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500;line-height:1.05}h2{font-size:clamp(2.4rem,1.5rem + 3.6vw,4.5rem)}p{margin:0}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:78rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.section{padding-block:clamp(4.5rem,10vw,8rem)}.section-head{margin-bottom:clamp(2.5rem,5vw,4rem)}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.8125rem;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:60;background:var(--ink);color:var(--cream);padding:.75rem 1rem;position:absolute;top:-5rem;left:1rem}.skip:focus{top:1rem}.demo-banner{background:var(--sand);text-align:center;padding:.4rem 1rem;font-size:.875rem}.btn{background:0 0;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover:not(:disabled){background:var(--accent-strong)}.btn--accent:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.btn--ink{border-color:var(--ink)}.btn--ink:hover{background:var(--ink);color:var(--cream)}.btn--line{color:#fff;border-color:currentColor}.btn--line:hover{color:var(--ink);background:#fff;border-color:#fff}.btn--full{width:100%}.btn-row{flex-wrap:wrap;gap:.75rem;display:flex}.site-header{z-index:40;background:color-mix(in srgb, var(--cream) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.25rem;display:flex}.wordmark{font:500 1.6rem var(--serif);letter-spacing:-.02em;text-decoration:none}.site-header nav{gap:2rem;display:none}.site-header nav a{font-weight:500;text-decoration:none}.site-header nav a:hover{color:var(--accent)}@media (width>=48rem){.site-header nav{display:flex}}.bag-btn{border:1.5px solid var(--ink);background:0 0;border-radius:999px;align-items:center;gap:.5rem;min-height:2.75rem;padding:.3rem .4rem .3rem 1rem;font-weight:600;display:inline-flex}.bag-count{background:var(--ink);min-width:1.9rem;height:1.9rem;color:var(--cream);border-radius:999px;place-items:center;font-size:.875rem;display:grid}.hero{isolation:isolate;background:var(--ink);color:#fff;align-items:end;min-height:min(88svh,52rem);display:grid;position:relative;overflow:hidden}.hero-img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#1f1410e0 0%,#1f14109e 45%,#0000 75%),linear-gradient(#0000 45%,#1f1410d9 95%);position:absolute;inset:0}.hero-copy{padding-block:6rem clamp(3rem,6vw,5rem)}.hero .kicker{color:var(--light-on-dark)}h1{letter-spacing:-.035em;font-size:clamp(3.2rem,1.2rem + 8vw,8rem);font-weight:400;line-height:.98}h1 em{color:var(--light-on-dark);font-style:italic}.rise{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.rise>span{animation:rise 1.1s var(--ease) both;display:block}@keyframes rise{0%{transform:translateY(110%)}}.hero-lead{max-width:34rem;margin-block:1.75rem;font-size:1.1875rem}.grid{grid-template-columns:repeat(3,1fr);gap:2.5rem 1.25rem;display:grid}@media (width>=70rem){.grid{grid-template-columns:repeat(5,1fr)}}@media (width<=47.99rem){.grid{padding-inline:clamp(1rem,4vw,2.5rem);scroll-snap-type:x mandatory;margin-inline:calc(-1*clamp(1rem,4vw,2.5rem));padding-bottom:.5rem;scroll-padding-inline:clamp(1rem,4vw,2.5rem);display:flex;overflow-x:auto}.grid li{scroll-snap-align:start;flex:0 0 72%}}.card-art{aspect-ratio:4/5;border-radius:1rem;place-items:center;margin-bottom:1rem;display:grid;overflow:hidden}.card:hover .bag{transform:translateY(-6px)rotate(-1.5deg)}.card-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.card-top h3{font-size:1.6rem}.price{font-weight:600}.origin{color:var(--muted);font-size:.875rem}.notes{margin-block:.5rem 1rem}.bag{aspect-ratio:3/4.3;width:62%;transition:transform .5s var(--ease);border-radius:4px 4px 7px 7px;flex-direction:column;padding:16% 9% 9%;display:flex;position:relative;box-shadow:0 22px 30px -18px #1f14108c,inset 8px 0 14px -10px #00000040,inset -8px 0 14px -10px #00000040;container-type:inline-size}.bag-fold{border-bottom:1px solid color-mix(in srgb, currentColor 30%, transparent);background:#0000001a;border-radius:4px 4px 0 0;height:9%;position:absolute;inset:0 0 auto}.bag-brand{letter-spacing:.16em;text-transform:uppercase;font-size:.65rem;font-weight:600}.bag-name{font:italic 400 19cqw / 1 var(--serif);margin-top:auto}.bag-origin{margin-top:.35rem;font-size:.65rem;line-height:1.3}.bag-roast{gap:3px;margin-top:.6rem;display:flex}.bag-roast i{border:1px solid;border-radius:50%;width:.45rem;height:.45rem}.bag-roast i.on{background:currentColor}.bag--small{width:3.25rem;box-shadow:none;flex:none;padding:20% 6% 6%}.bag--small .bag-brand{display:none}.finder{background:color-mix(in oklab, var(--ink) calc(var(--roast) * 100%), #efe0c6);padding-block:clamp(4.5rem,10vw,8rem);transition:background-color .6s,color .3s}.finder--dark{color:var(--cream)}.finder--dark .kicker{color:var(--light-on-dark)}.finder-grid{align-items:center;gap:3rem;display:grid}@media (width>=60rem){.finder-grid{grid-template-columns:1fr 1fr;gap:5rem}}.finder-label{margin-top:2.5rem;font-size:1.125rem;display:block}.finder input[type=range]{width:100%;height:2.75rem;accent-color:var(--accent);cursor:grab;margin:.25rem 0 0}.finder--dark input[type=range]{accent-color:var(--light-on-dark)}.finder-ends{justify-content:space-between;font-size:.875rem;display:flex}.finder-result{align-items:center;gap:1.5rem;display:grid}@media (width>=30rem){.finder-result{grid-template-columns:11rem 1fr}}.finder-bag{animation:bag-in .6s var(--ease) both;place-items:center;display:grid}.finder-bag .bag{outline:1px solid #ffffff26;width:min(100%,11rem)}@keyframes bag-in{0%{opacity:0;transform:translateY(14px)rotate(2deg)}}.finder-result h3{font-size:2.4rem}.finder-notes{margin-block:.25rem .75rem;font-weight:600}.finder-result .btn{margin-top:1.25rem}.finder--dark .btn--accent{background:var(--light-on-dark);color:var(--ink)}.finder--dark .btn--accent:hover{background:#fff}.story{background:var(--sand)}.story-grid{align-items:center;gap:3rem;display:grid}@media (width>=60rem){.story-grid{grid-template-columns:1.1fr 1fr;gap:5rem}}.story-photos{padding-bottom:14%;position:relative}.story-photos img{border-radius:1rem}.story-photos img:first-child{aspect-ratio:3/2;object-fit:cover;width:88%}.story-photos img:last-child{aspect-ratio:2/3;object-fit:cover;border:6px solid var(--sand);width:36%;position:absolute;bottom:0;right:0}.story-lead{color:var(--muted);margin-block:1.5rem 2rem;font-size:1.1875rem}.steps li{border-top:1px solid var(--line);grid-template-columns:2.5rem 1fr;gap:.75rem;padding-block:1rem;display:grid}.step-n{font:italic 400 1.75rem/1.1 var(--serif);color:var(--accent)}.steps h3{font-size:1.35rem}.steps p{color:var(--muted)}.footer{background:var(--ink);color:var(--light-on-dark);padding-block:4rem 3rem;font-size:.9375rem}.footer p+p{margin-top:.75rem}.footer a:hover{color:#fff}.footer-mark{font:italic 400 clamp(4rem, 2rem + 12vw, 11rem) / 1 var(--serif);letter-spacing:-.04em;margin-bottom:1.5rem}.drawer{background:var(--cream);width:min(100%,28rem);max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0 0 0 auto;padding:0}.drawer[open]{animation:drawer-in .45s var(--ease)}.drawer::backdrop{background:#1f14108c}@keyframes drawer-in{0%{transform:translate(100%)}}.drawer-inner{padding:1.5rem}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.drawer-head h2{font-size:2rem}.icon-btn{border:1.5px solid var(--ink);background:0 0;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.5rem;line-height:1}.drawer-empty{color:var(--muted)}.ship{margin-bottom:1rem;font-size:.9375rem}.ship-bar{background:var(--line);border-radius:999px;height:6px;margin-top:.4rem;overflow:hidden}.ship-bar span{background:var(--accent);transform-origin:0;height:100%;transition:transform .4s var(--ease);display:block}.lines li{border-top:1px solid var(--line);gap:1rem;padding-block:1rem;display:flex}.line-info{flex:1;gap:.15rem;display:grid}.line-info>span{color:var(--muted);font-size:.875rem}.line-price{font-weight:600}.qty{align-items:center;gap:.75rem;width:fit-content;margin-top:.35rem;display:inline-flex}.qty button{border:1px solid var(--line);background:#fff;border-radius:50%;width:2.75rem;height:2.75rem;font-size:1.125rem}.qty button:disabled{opacity:.4;cursor:not-allowed}.totals{border-top:1px solid var(--line);margin:0;padding-top:1rem}.totals div{justify-content:space-between;padding-block:.2rem;display:flex}.totals dd{margin:0}.total{font:500 1.5rem var(--serif);margin-top:.4rem}.drawer-note{background:var(--sand);border-radius:.6rem;margin-block:1rem;padding:.75rem;font-size:.9375rem}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(1.25rem)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media (width>=48rem){.notes{min-height:3.2em}}