@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/3d51db290a6a25f3-s.0kkodo7okz7sx.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/f7054824cbb51795-s.3gwda9lv2grgl.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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/74effe3e2193102a-s.p.2ke8r1sltdje0.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.zmSvyG_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.zmSvyG_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/0d4f81138b703b58-s.37ir218g6iz93.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:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/3a11180d498b75c0-s.p.0ghexb8m2rs_v.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:Host Grotesk Fallback;src:local(Arial);ascent-override:96.69%;descent-override:30.01%;line-gap-override:0.0%;size-adjust:104.98%}.PMLC3W_className{font-family:Host Grotesk,Host Grotesk Fallback;font-style:normal}.PMLC3W_variable{--font-text:"Host Grotesk", "Host Grotesk Fallback"}
:root{--c-bg:#f2e8de;--c-fg:#3c2722;--c-muted:#715a4e;--c-line:#3c272229;--c-well:#e8dacb;--c-accent:var(--c-fg);--c-curtain:#3c2722;--espresso:#3c2722;--creme:#f2e8de;--crema:#c98a3e;--crema-light:#d9b07c;--crema-pale:#ead2ac;--f-display:var(--font-display), "Arial Narrow", system-ui, sans-serif;--f-body:var(--font-text), system-ui, sans-serif;--t-mega:clamp(4rem, .4rem + 17.6vw, 21rem);--t-xl:clamp(2.4rem, 1.1rem + 4.1vw, 5.25rem);--t-l:clamp(1.6rem, 1.15rem + 1.7vw, 2.75rem);--t-m:clamp(1.2rem, 1.06rem + .55vw, 1.55rem);--t-body:clamp(1rem, .96rem + .18vw, 1.0625rem);--t-s:.875rem;--t-xs:.8125rem;--u:clamp(.5rem, .35rem + .6vw, 1rem);--gutter:clamp(1rem, .6rem + 1.6vw, 2.5rem);--cols:12;--radius:0px;--pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-ui:cubic-bezier(.215, .61, .355, 1);--z-gl:0;--z-content:1;--z-header:50;--z-pointer:55;--z-shot:60;--z-readout:62;--z-cursor:80;--z-curtain:90;--z-loader:100}html.is-dark{--c-bg:#3c2722;--c-fg:#f2e8de;--c-muted:#bdb5b2;--c-line:#f2e8de29;--c-well:#463535}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;text-size-adjust:none;background:var(--c-bg);color:var(--c-fg)}body{min-height:100dvh;font-family:var(--f-body);font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;line-height:1.5;overflow-x:clip}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:inherit;font-size:inherit;text-wrap:balance}p{text-wrap:pretty}::selection{background:var(--c-fg);color:var(--c-bg)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px}#main:focus{outline:none}.skip-link{left:var(--gutter);top:var(--gutter);z-index:calc(var(--z-loader) + 1);background:var(--c-fg);color:var(--c-bg);padding:.6em 1em;position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.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}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}#main,[data-layer=content]{z-index:var(--z-content);position:relative}.motion [data-split],.motion [data-reveal]{visibility:hidden}.split-line{margin-bottom:-.08em;padding-bottom:.08em}[data-split]>*,[data-split]>*>*{text-indent:0}[data-split]>:first-child,[data-split]>:first-child>:first-child{text-indent:inherit}#curtain{z-index:var(--z-curtain);pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.curtain__panel{background:var(--c-curtain);position:absolute;inset:0}#cursor{z-index:var(--z-cursor);pointer-events:none;opacity:0;place-items:center;width:0;height:0;display:grid;position:fixed;top:0;left:0}#cursor.is-ready{opacity:1}#cursor span{aspect-ratio:1;background:var(--c-fg);min-width:5.5rem;color:var(--c-bg);font-size:var(--t-xs);letter-spacing:.02em;border-radius:50%;place-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1);display:grid;transform:translate(-50%,-50%)scale(0)}#cursor.is-active span{transform:translate(-50%,-50%)scale(1)}@media (hover:none),(pointer:coarse){#cursor{display:none}}#loader{z-index:var(--z-loader);padding:var(--gutter);background:var(--c-fg);color:var(--c-bg);clip-path:inset(0%);align-content:end;display:grid;position:fixed;inset:0}.loader__inner{justify-content:space-between;align-items:end;display:flex;overflow:hidden}.loader__count{font-variant-numeric:tabular-nums}.loader__bar{height:1px;margin-top:calc(var(--u) * 1.5);transform-origin:0;background:currentColor;transform:scaleX(0)}html:not(.js) #loader,#loader[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
html{background:var(--c-bg);color:var(--c-fg);overflow-x:clip}body{font-feature-settings:"kern"}::selection{background:var(--c-fg);color:var(--c-bg)}:focus-visible{outline:2px solid var(--c-fg);outline-offset:4px}section[tabindex="-1"]:focus{outline:none}.skip-link{background:var(--espresso);color:var(--creme);border-radius:var(--pill)}.num,.facts__n,.readout__value,.row__price,.val{font-variant-numeric:tabular-nums}.section-title{font-family:var(--f-display);font-size:var(--t-xl);font-variation-settings:"opsz" 96, "wdth" 92;letter-spacing:-.045em;margin-left:-.05em;font-weight:700;line-height:.92}.header{z-index:var(--z-header);padding:calc(var(--gutter) * .75) var(--gutter);font-size:var(--t-s);letter-spacing:-.005em;pointer-events:none;transition:translate .6s var(--ease-out);justify-content:space-between;align-items:baseline;font-weight:600;display:flex;position:fixed;inset:0 0 auto}.header a{pointer-events:auto;padding-block:.35em;display:inline-block}.header__brand{font-family:var(--f-display);letter-spacing:-.03em;font-variation-settings:"opsz" 24;font-size:1.0625rem;font-weight:800}.header__nav{gap:clamp(1rem,2vw,2rem);padding:0;list-style:none;display:flex}html.frame-away .header{translate:0 -140%}html.frame-solid .header{background:var(--c-bg);box-shadow:0 1px 0 var(--c-line)}.header{transition:translate .6s var(--ease-out), background-color .4s}.draw{transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor 0 0) 0 calc(100% - .15em)/0% 1.5px no-repeat}@media (hover:hover){.draw:hover{background-size:100% 1.5px}}.draw:focus-visible,.draw[aria-current]{background-size:100% 1.5px}.link{background:linear-gradient(currentColor 0 0) right calc(100% - .05em)/100% 1px no-repeat;padding-inline:.05em}.link:after{content:"↗";transition:translate .45s var(--ease-out);margin-left:.3em;font-size:.85em;display:inline-block}@keyframes link-sweep{0%{background-position:right calc(100% - .05em);background-size:100% 1px}45%{background-position:right calc(100% - .05em);background-size:0% 1px}46%{background-position:0 calc(100% - .05em);background-size:0% 1px}to{background-position:0 calc(100% - .05em);background-size:100% 1px}}@media (hover:hover){.link:hover{animation:link-sweep .8s var(--ease-out)}.link:hover:after{translate:2px -2px}}.link:focus-visible{animation:link-sweep .8s var(--ease-out)}.link:focus-visible:after{translate:2px -2px}@media (prefers-reduced-motion:reduce){.link:hover,.link:focus-visible{background-size:100% 2px}}:root{--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 C33 0 67 0 100 4 S167 8 200 4 V8 H0 Z'/%3E%3C/svg%3E");--wave-mask:var(--wave) 0 0 / 160px 6px repeat-x, linear-gradient(#000 0 0) 0 5px / 100% calc(100% - 5px) no-repeat}.btn:before,.tab:before,.chip:before,.filter:before,.row:before{content:"";z-index:-1;-webkit-mask:var(--wave-mask);-webkit-mask:var(--wave-mask);mask:var(--wave-mask);transition:translate .8s var(--ease-out), background-color .3s;position:absolute;translate:0 100%}@keyframes wave-drift{to{-webkit-mask-position:160px 0,0 5px;mask-position:160px 0,0 5px}}@media (hover:hover){.btn:hover:before,.tab:not([aria-pressed=true]):hover:before,.chip:not([aria-pressed=true]):not([aria-disabled]):hover:before,.filter:not([aria-pressed=true]):hover:before,.row:hover:before{animation:3s linear infinite wave-drift}}.btn{isolation:isolate;border-radius:var(--pill);letter-spacing:-.005em;min-height:48px;transition:color .35s var(--ease-ui), scale .2s var(--ease-ui);border:1.5px solid;align-items:center;gap:.6em;padding:.85em 1.6em;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:clip}.btn:before{background:var(--c-fg);inset:-8px -2px -2px}.btn:after{content:"↓";transition:translate .45s var(--ease-out);display:inline-block}.btn--small{min-height:40px;font-size:var(--t-s);padding:.6em 1.2em}.btn--small:after{content:"↑"}.btn--back:after{content:"←";order:-1}@media (hover:hover){.btn--back:hover:after{translate:-3px}.btn:hover{color:var(--c-bg)}.btn:hover:before{translate:0}.btn:hover:after{translate:0 3px}.btn--small:hover:after{translate:0 -3px}}.btn:focus-visible{color:var(--c-bg)}.btn:focus-visible:before{translate:0}.btn:active{scale:.97}.tab,.chip,.filter{isolation:isolate;border:1px solid var(--c-line);border-radius:var(--pill);transition:color .3s var(--ease-ui), border-color .3s var(--ease-ui), scale .2s var(--ease-ui);align-items:center;gap:.5em;display:inline-flex;position:relative;overflow:clip}.tab:before,.chip:before,.filter:before{background:var(--c-well);inset:-7px -1px -1px}@media (hover:hover){.tab:hover:before,.chip:not([aria-disabled]):hover:before,.filter:hover:before{translate:0}}.tab:focus-visible:before,.chip:focus-visible:before,.filter:focus-visible:before{translate:0}.tab[aria-pressed=true],.chip[aria-pressed=true],.filter[aria-pressed=true]{color:var(--c-bg);border-color:var(--c-fg)}.tab[aria-pressed=true]:before,.chip[aria-pressed=true]:before,.filter[aria-pressed=true]:before{background:var(--c-fg);translate:0}.tab:active,.chip:active,.filter:active{scale:.97}.tab__count,.filter__n,.chip__mark{transition:translate .45s var(--ease-out), scale .45s var(--ease-out), background-color .3s}@media (hover:hover){.tab[aria-pressed=true]:hover .tab__count,.filter[aria-pressed=true]:hover .filter__n{translate:0 -.75em}.chip[aria-pressed=true]:hover .chip__mark{scale:1.5}.tab[aria-pressed=true]:hover,.chip[aria-pressed=true]:hover,.filter[aria-pressed=true]:hover{box-shadow:0 0 0 3px var(--c-bg), 0 0 0 4.5px var(--c-fg)}}.tab,.chip,.filter{transition:color .3s var(--ease-ui), border-color .3s var(--ease-ui), scale .2s var(--ease-ui), box-shadow .35s var(--ease-out)}.hero{height:200svh;position:relative}.hero__stage{height:100svh;padding:0 var(--gutter);--pool:clamp(72px, 11svh, 120px);position:sticky;top:0;overflow:clip}.hero__copy{z-index:1;max-width:60rem;padding-top:clamp(6.5rem,17svh,12rem);position:relative}.hero__title{font-family:var(--f-display);font-variation-settings:"opsz" 96, "wdth" 90;letter-spacing:-.05em;max-width:9.2em;margin-left:-.055em;font-size:clamp(2.7rem,1.1rem + 5.2vw,7rem);font-weight:700;line-height:.9}.hero__title .split-line{margin-bottom:-.18em;padding-bottom:.18em}.hero__lede{max-width:34ch;color:var(--c-muted);font-size:var(--t-body);margin-top:1.6rem;line-height:1.5}.hero__cta{margin-top:2rem}.hero__mark{left:var(--gutter);right:var(--gutter);bottom:calc(var(--pool) - var(--wm) * .17);pointer-events:none;--wm:min((100vw - 2 * var(--gutter)) * .206, 27svh);width:max-content;position:absolute;right:auto}.wordmark{font-family:var(--f-display);font-size:var(--wm,20.6cqi);font-variation-settings:"opsz" 96, "wdth" 100;letter-spacing:-.06em;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-left:-.05em;font-weight:800;line-height:.74}.cup{right:3.5%;bottom:calc(100% - var(--wm) * .235);aspect-ratio:160/150;width:clamp(120px,19vw,340px);position:absolute}.cup__body{transform-origin:79.4% 88%;position:absolute;inset:0}.cup__body svg{width:100%;height:100%;overflow:visible}.cup__glass{fill:#ffffff59;stroke:var(--espresso);stroke-width:3px;stroke-linejoin:round}.cup__handle{fill:none;stroke:var(--espresso);stroke-width:7px;stroke-linecap:round}.cup__coffee{fill:var(--espresso)}.cup__shine{stroke:#fff;stroke-width:3.5px;stroke-linecap:round;opacity:.75}.cup__rim{stroke:var(--espresso);stroke-width:4px;stroke-linecap:round}.cup__shadow{background:radial-gradient(closest-side,#3c272247,#0000);height:8%;position:absolute;bottom:-3%;left:30%;right:18%}.sourcing{column-gap:var(--gutter);padding:clamp(6rem, 16vh, 12rem) var(--gutter) clamp(2rem, 5vh, 4rem);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.sourcing__title{font-family:var(--f-display);font-size:var(--t-l);font-variation-settings:"opsz" 72, "wdth" 92;letter-spacing:-.035em;grid-column:1/span 5;font-weight:700;line-height:1}.sourcing__text{font-size:var(--t-m);letter-spacing:-.01em;grid-column:6/span 7;max-width:36em;line-height:1.38}.facts{column-gap:var(--gutter);border-top:1px solid var(--c-line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(4rem,10vh,8rem);display:grid}.facts__item{flex-direction:column-reverse;justify-content:flex-end;gap:.4rem;padding-top:1.2rem;display:flex}.facts__n{font-family:var(--f-display);font-size:var(--t-xl);font-variation-settings:"opsz" 96, "wdth" 85;letter-spacing:-.04em;font-weight:700;line-height:.9}.facts__label{color:var(--c-muted);font-size:var(--t-s)}.sourcing__date{color:var(--c-muted);font-size:var(--t-s);grid-column:1/-1;margin-top:2rem}.compare{padding:clamp(4rem, 10vh, 8rem) var(--gutter) clamp(3rem, 8vh, 6rem)}.compare__head{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.compare__head .section-title{grid-column:1/span 8}.compare__lede{color:var(--c-muted);grid-column:9/span 4;padding-bottom:.4em}.compare__controls{gap:1.1rem;margin-top:clamp(2.5rem,6vh,4rem);display:grid}.tabs,.chips,.filters{flex-wrap:wrap;gap:.5rem;display:flex}.tab{min-height:48px;font-family:var(--f-display);font-size:var(--t-m);letter-spacing:-.02em;font-variation-settings:"opsz" 32;padding:.55em 1.2em;font-weight:600}.tab__count,.filter__n{font-family:var(--f-body);opacity:.7;font-variant-numeric:tabular-nums;font-size:.7em;font-weight:500;translate:0 -.35em}.chip{min-height:40px;font-size:var(--t-s);padding:.5em 1em;font-weight:600}.chip__brand{opacity:.75;font-weight:400}.chip__mark{border:1.5px solid;border-radius:50%;width:.6em;height:.6em;transition:background-color .3s}.chip[aria-pressed=true] .chip__mark{background:currentColor}.chip[aria-disabled]{opacity:.45;cursor:not-allowed}.compare__status{color:var(--c-muted);font-size:var(--t-s)}.compare__bars{margin-left:.6em}.compare__empty{font-size:var(--t-m);color:var(--c-muted);margin-top:3rem}.table-wrap{overscroll-behavior-x:contain;margin-top:clamp(2rem,5vh,3.5rem);overflow-x:auto}.table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:calc(9rem + var(--n) * 12rem)}.table th,.table td{text-align:left;vertical-align:top;border-top:1px solid var(--c-line);padding:.95rem 1rem .95rem 0}.table thead th{vertical-align:bottom;border-top:0;padding-bottom:1.4rem}@media (min-width:768px){.table-wrap{overflow:visible}.table thead th{z-index:2;background:var(--c-bg);box-shadow:0 1px 0 var(--c-line);padding-top:1rem;position:sticky;top:0}html:not(.frame-away) .table thead th{transition:top .6s var(--ease-out);top:64px}}.table tbody th{width:17%;font-size:var(--t-s);color:var(--c-muted);padding-top:1.05rem;font-weight:500}.table__corner{width:17%}.table__brand{color:var(--c-muted);font-size:var(--t-s);display:block}.table__name{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.035em;font-variation-settings:"opsz" 72, "wdth" 92;margin:.15em 0 .5em -.04em;font-weight:700;line-height:.95;display:block}.table__name-text{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor 0 0) 0 58%/0% .07em no-repeat}.table__x{vertical-align:.1em;width:1.25em;height:1.25em;font-family:var(--f-body);color:var(--c-muted);transition:rotate .5s var(--ease-out), color .3s var(--ease-ui), scale .2s var(--ease-ui);border-radius:50%;place-items:center;margin-left:.18em;font-size:.62em;font-weight:300;line-height:1;display:inline-grid}@media (hover:hover){.table__x:hover{color:var(--c-fg);rotate:90deg}.table__name:has(.table__x:hover) .table__name-text{background-size:100% .07em}}.table__x:focus-visible{color:var(--c-fg);rotate:90deg}.table__name:has(.table__x:focus-visible) .table__name-text{background-size:100% .07em}.table__x:active{scale:.85}.table__x{min-width:28px;min-height:28px;margin-block:-6px}.table-hint,.cards{display:none}.table td{font-size:var(--t-body);line-height:1.4}.val{display:block}.val--unconfirmed{color:var(--c-muted);font-style:italic}.val__note{color:var(--c-muted);font-size:var(--t-xs);max-width:30ch;margin-top:.3rem;line-height:1.4;display:block}.bar{background:var(--c-line);max-width:14rem;height:3px;margin-top:.55rem;display:block}.bar__fill{background:var(--c-fg);transform-origin:0;height:100%;transition:scale .9s var(--ease-out);display:block}.table__sources ul{font-size:var(--t-s);gap:.4rem;padding:0;list-style:none;display:grid}.table__sources a{padding-block:.3em;display:inline-block}.catalogue{padding:clamp(3rem, 8vh, 6rem) var(--gutter) clamp(6rem, 12vh, 8rem)}.catalogue__head{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:1.6rem;display:grid}.catalogue__head .section-title{grid-column:1/span 6}.catalogue__lede{color:var(--c-muted);grid-column:9/span 4;padding-bottom:.4em}.filters{grid-column:1/-1}.filter{min-height:40px;font-size:var(--t-s);padding:.5em 1.05em;font-weight:600}.index{border-bottom:1px solid var(--c-line);margin-top:clamp(2rem,5vh,3.5rem);padding:0;list-style:none}.index__item{border-top:1px solid var(--c-line)}.index__h{font:inherit}.row{isolation:isolate;width:calc(100% + 2 * var(--gutter));margin-inline:calc(var(--gutter) * -1);align-items:baseline;column-gap:var(--gutter);padding:1.15rem var(--gutter);text-align:left;grid-template-columns:2fr 4fr 2fr 3fr 1.6fr 1.5rem;display:grid;position:relative;overflow:clip}.row:before{background:var(--c-well);inset:-7px 0 0}@media (hover:hover){.row:hover:before{translate:0}}.row:focus-visible{outline-offset:-2px}.row:focus-visible:before{translate:0}.row__brand,.row__cat,.row__key{font-size:var(--t-s);color:var(--c-muted)}.row__name{font-family:var(--f-display);font-size:var(--t-m);letter-spacing:-.025em;font-variation-settings:"opsz" 32;transition:translate .5s var(--ease-out);font-weight:600}@media (hover:hover){.row:hover .row__name{translate:.35em}}.row__key{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row__price{font-size:var(--t-s);text-align:right;font-weight:600}.row__icon{place-self:center end;width:1rem;height:1rem;position:relative}.row__icon:before,.row__icon:after{content:"";height:1.5px;transition:rotate .5s var(--ease-out);background:currentColor;position:absolute;top:50%;left:0;right:0}.row__icon:after{rotate:90deg}.row[aria-expanded=true] .row__icon:after{rotate:0deg}.index__panel[hidden]{display:none}.index__panel{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding:.4rem 0 2.4rem;display:grid}.index__summary{font-size:var(--t-m);letter-spacing:-.01em;grid-column:1/span 4;line-height:1.35}.specs{column-gap:var(--gutter);grid-column:5/-1;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1.2rem;display:grid}.specs__row dt{color:var(--c-muted);font-size:var(--t-xs);margin-bottom:.2rem}.specs__row dd{font-size:var(--t-s);line-height:1.4}.index__foot{flex-wrap:wrap;grid-column:5/-1;justify-content:space-between;align-items:end;gap:1rem;margin-top:2rem;display:flex}.index__sources{font-size:var(--t-s);gap:.35rem;padding:0;list-style:none;display:grid}.index__sources a{padding-block:.3em;display:inline-block}.footer{min-height:100svh;padding:clamp(2rem, 6vh, 5rem) var(--gutter) var(--gutter);grid-template-rows:auto auto 1fr auto auto;display:grid;container-type:inline-size}.footer__line{font-family:var(--f-display);font-size:var(--t-l);letter-spacing:-.035em;font-variation-settings:"opsz" 72, "wdth" 92;max-width:16em;font-weight:700;line-height:1.02}.footer__nav ul{flex-wrap:wrap;gap:.4rem 2rem;margin-top:2.4rem;padding:0;font-weight:600;list-style:none;display:flex}.footer__nav a{padding-block:.35em;display:inline-block}.wordmark--foot{--wm:20.6cqi;align-self:end;margin-top:3rem;line-height:.8}.footer__small{padding-bottom:calc(clamp(72px, 11svh, 120px) - var(--gutter));font-size:var(--t-xs);color:var(--c-muted);flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin-top:2rem;display:flex}.footer__small p{max-width:62ch}.lost{min-height:100svh;padding:8rem var(--gutter) 10rem;align-content:center;justify-items:start;gap:1.6rem;display:grid}.lost__code{font-family:var(--f-display);letter-spacing:-.06em;font-variation-settings:"opsz" 96, "wdth" 80;margin-left:-.06em;font-size:clamp(6rem,2rem + 18vw,18rem);font-weight:800;line-height:.8}.lost__title{font-family:var(--f-display);font-size:var(--t-xl);letter-spacing:-.045em;font-variation-settings:"opsz" 96, "wdth" 92;max-width:12em;font-weight:700;line-height:.92}.lost__text{max-width:40ch;font-size:var(--t-m);margin-top:1.4rem;line-height:1.4}.pointer{z-index:var(--z-pointer);pointer-events:none;display:none;position:fixed;top:0;left:0}html.has-pointer .pointer{display:block}.pointer__dot-wrap,.pointer__bean-wrap{position:absolute;top:0;left:0}.pointer__dot{background:var(--espresso);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--creme);border-radius:50%;margin:-5px 0 0 -5px;display:block}.pointer__bean{width:30px;max-width:none;height:39px;margin:-19.5px 0 0 -15px;display:block;overflow:visible}.pointer__bean ellipse{fill:var(--espresso);stroke:var(--creme);stroke-width:2px}.pointer__bean path{fill:none;stroke:var(--creme);stroke-width:2.6px;stroke-linecap:round}.pool,.pool-crema,.shot,.stream{z-index:var(--z-shot);pointer-events:none;will-change:transform;display:none;position:fixed;top:0;left:0}html.motion .pool,html.motion .shot,html.motion .stream,html.motion:not(.shot-live) .pool-crema{display:block}.pool{width:100%;height:100lvh;transform:translateY(calc(100svh - clamp(72px,11svh,120px)))}.pool--invert{mix-blend-mode:difference;background:#fff}.pool--lift{mix-blend-mode:plus-lighter;background:#2f1001}.pool-crema{mix-blend-mode:multiply;background:linear-gradient(#ecd6b1,#d6a66b 55%,#b77a3f);width:100%;height:12px;transform:translateY(calc(100svh - clamp(72px,11svh,120px) - 12px))}.shot{width:100%;height:300px;transform:translateY(100lvh)}.stream{visibility:hidden;width:200px;height:100lvh}.shot--invert,.stream--invert{mix-blend-mode:difference}.shot--lift,.stream--lift{mix-blend-mode:plus-lighter}.shot--crema{mix-blend-mode:multiply}.readout{left:var(--gutter);right:var(--gutter);z-index:var(--z-readout);pointer-events:none;color:var(--creme);opacity:0;transition:opacity .8s var(--ease-out);flex-direction:row-reverse;align-items:center;gap:.35rem;display:none;position:fixed;bottom:14px}html.motion .readout{display:flex}html.shot-live .readout{opacity:1}html.shot-live.readout-rest .readout{opacity:0;transition-duration:.2s;translate:0 12px}.readout{transition:opacity .8s var(--ease-out), translate .5s var(--ease-out)}.readout__cells{border-radius:var(--pill);background:var(--espresso);align-items:baseline;gap:1.1em;padding:.5em 1em;display:inline-flex;box-shadow:inset 0 0 0 1px #d9b07c52}.readout__cell{align-items:baseline;gap:.45em;display:inline-flex}.readout__label{font-size:var(--t-xs);color:#cdb9a5}.readout__value{letter-spacing:-.01em;text-align:right;min-width:4.2ch;font-size:.9375rem;font-weight:600}.readout__hint{font-size:var(--t-xs);color:#cdb9a5;border-radius:var(--pill);background:var(--espresso);transition:opacity .6s var(--ease-out);margin-right:auto;padding:.45em .85em}html.shot-started .readout__hint{opacity:0}.curtain__wave{width:200%;max-width:none;height:44px;position:absolute;bottom:calc(100% - 4px);left:0;overflow:visible}.curtain__crema{fill:url(#curtain-crema)}html.motion #curtain:not(.is-done){visibility:visible}html.motion #curtain:not(.is-done) .curtain__panel{animation:1.1s cubic-bezier(.87,0,.13,1) .15s both curtain-drain}html.motion #curtain:not(.is-done) .curtain__wave{animation:1.25s linear both curtain-drift}@keyframes curtain-drain{0%{translate:0}to{translate:0 calc(100% + 60px)}}@keyframes curtain-drift{0%{translate:0}to{translate:-25%}}.curtain__coffee{fill:var(--espresso)}.curtain__panel{background:var(--espresso)}@media (max-width:767px){.hero{height:150svh}.sourcing{padding-top:4.5rem}.footer{grid-template-rows:auto;min-height:auto}.wordmark--foot{margin-top:4rem}.table-wrap{display:none}.cards{border-bottom:1px solid var(--c-line);margin-top:1.6rem;display:block}.cards__names{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:.8rem;padding-bottom:1rem;display:grid}.cards__names .table__name{margin-bottom:.3rem;font-size:1.15rem}.cards__row{border-top:1px solid var(--c-line);padding:.85rem 0}.cards__row dt{font-size:var(--t-xs);color:var(--c-muted);margin-bottom:.4rem}.cards__row dd{grid-template-columns:repeat(var(--n), minmax(0, 1fr));font-size:var(--t-s);gap:.8rem;line-height:1.35;display:grid}.cards__row .val__note{font-size:.75rem}.cards__row .bar{max-width:none}.cards__sources{font-size:var(--t-xs);gap:.3rem;padding:0;list-style:none;display:grid}.cards__sources a{padding-block:.3em;display:inline-block}.compare{padding-bottom:3rem}.catalogue{padding-top:2.5rem;padding-bottom:3.5rem}.hero__copy{padding-top:clamp(6rem,15svh,8rem)}.hero__title{font-size:clamp(2.8rem,13vw,3.9rem)}.hero__lede{margin-top:1.1rem}.hero__cta{margin-top:1.4rem}.cup{width:clamp(140px,46vw,200px);right:40%}.hero__mark{bottom:calc(var(--pool) - var(--wm) * .34)}.readout{flex-direction:row}.readout__cell--ratio,.readout__hint{display:none}.sourcing__title,.sourcing__text{grid-column:1/-1}.sourcing__text{margin-top:1.4rem;font-size:1.15rem}.facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.6rem}.compare__head .section-title,.compare__lede,.catalogue__head .section-title,.catalogue__lede{grid-column:1/-1}.compare__lede,.catalogue__lede{margin-top:.9rem}.tabs{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tab{flex:none;font-size:1.1rem}.table{min-width:calc(7.5rem + var(--n) * 10rem)}.table tbody th,.table__corner{background:var(--c-bg);z-index:1;width:7.5rem;position:sticky;left:0}.table__name{font-size:1.35rem}.row{padding:1rem var(--gutter);grid-template-columns:1fr auto 1.25rem;row-gap:.15rem}.row__brand{grid-area:1/1}.row__name{grid-area:2/1}.row__price{grid-area:1/2/span 2;align-self:center}.row__icon{grid-area:1/3/span 2}.row__cat,.row__key{display:none}.index__summary,.specs,.index__foot{grid-column:1/-1}.specs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.4rem}.footer__line{font-size:1.75rem}}