.lab{--jd-bean-green:#abac8f;--jd-bean-yellow:#ceb27e;--jd-bean-cinnamon:#ab7144;--jd-bean-city:#814b2e;--jd-bean-full:#532e1e;--jd-bean-dark:var(--jd-ink);--jd-espresso:#2e180d;--jd-espresso-lt:#723e14;--jd-crema:#ba7d44;--jd-crema-lt:#d4a875;--jd-chaff:#dacbb9;--lab-nav-h:3.5rem;--lab-bar-h:2.75rem}html.lenis{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}@layer components{.lab .lab-stage{pointer-events:none;z-index:30;width:100vw;height:100lvh;display:block;position:fixed;inset:0 auto auto 0}.lab[data-motion=still] .lab-stage{display:none}.lab .lab-nav{transition:transform .32s var(--ease-out)}.lab .lab-nav.is-hidden{transform:translateY(-100%)}.lab .lab-nav:focus-within{transform:none}.lab .lab-hero-box{min-height:calc(100svh - var(--lab-nav-h) - var(--lab-bar-h))}.lab .lab-wordmark{transform-origin:50% 58%}.lab .lab-cue{align-items:center;gap:var(--sp-3);display:flex}.lab .lab-cue-text{text-wrap:balance}.lab .lab-cue-mark{background:var(--jd-sand);border-radius:2px;flex:none;width:2px;height:22px;position:relative;overflow:hidden}.lab .lab-cue-mark:after{content:"";background:var(--jd-red);border-radius:50%;width:6px;height:6px;animation:1.2s cubic-bezier(.55,0,.85,.4) 4 both lab-drop;position:absolute;top:-6px;left:-2px}.lab .lab-track{position:relative}.lab[data-motion=live] .lab-track{height:330svh}.lab[data-motion=live] .lab-track-shot{height:260svh}.lab[data-motion=live] .lab-pin{z-index:31;height:100svh;position:sticky;top:0;overflow:clip}.lab[data-motion=still] .lab-pin{padding-block:var(--sp-12) var(--sp-24)}.lab .lab-roast{--port:min(74vw, 34svh);--chart-h:24svh}.lab .lab-roast-grid{gap:var(--sp-4);height:100%;padding-top:calc(var(--lab-nav-h) + var(--sp-2));padding-bottom:var(--sp-4);align-content:center;justify-items:center;display:grid}.lab .lab-log{gap:var(--sp-3);width:100%;display:grid}.lab .lab-log>.label:first-child{display:none}.lab .lab-porthole{width:var(--port);aspect-ratio:1;flex:none;position:relative}.lab .lab-glass{background:var(--jd-ink);border-radius:50%;position:absolute;inset:9%;overflow:hidden}.lab[data-stage=on] .lab-glass{background:0 0}.lab[data-stage=on] .lab-glass-photo{display:none}.lab .lab-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lab .lab-ring-plate{fill:var(--jd-red)}.lab .lab-ring-lip{fill:none;stroke:var(--jd-red-deep);stroke-width:1.4px}.lab .lab-ring-bolt{fill:var(--jd-red-deep)}.lab .lab-shine{pointer-events:none;background:radial-gradient(120% 90% at 28% 18%, color-mix(in oklab, var(--jd-paper) 16%, transparent) 0 22%, transparent 42%), radial-gradient(circle at 50% 50%, transparent 62%, color-mix(in oklab, var(--jd-ink) 55%, transparent) 100%);border-radius:50%;position:absolute;inset:11%}.lab .lab-readouts{justify-content:space-between;gap:var(--sp-4);border-top:1px solid color-mix(in oklab, var(--jd-clay-lt) 30%, transparent);padding-top:var(--sp-3);grid-template-columns:repeat(3,auto);display:grid}.lab .lab-readouts dd{margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-lead);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--jd-oat);line-height:1}.lab .lab-unit{font-size:var(--fs-label);color:var(--jd-clay-lt);margin-left:.15em}.lab .lab-chart{width:100%}.lab .lab-chart-box{width:min(100%, calc(var(--chart-h) * 2.1333));margin-inline:auto;position:relative}.lab .lab-chart-box svg{width:100%;height:auto;display:block;overflow:visible}.lab .lab-grid line{stroke:var(--jd-clay-lt);stroke-opacity:.16;stroke-width:1px}.lab .lab-curve-ghost{fill:none;stroke:var(--jd-oat);stroke-opacity:.13;stroke-width:2.2px;stroke-dasharray:2 5}.lab .lab-curve-bt{fill:none;stroke:var(--jd-oat);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.lab .lab-curve-ror{fill:none;stroke:var(--jd-clay-lt);stroke-width:1.6px;stroke-dasharray:6 5}.lab .lab-mark{opacity:0;transition:opacity .28s var(--ease-out)}.lab .lab-mark.is-on{opacity:1}.lab .lab-mark line{stroke:var(--jd-clay-lt);stroke-opacity:.45;stroke-dasharray:2 4}.lab .lab-mark circle,.lab .lab-head-ring{fill:var(--jd-ink);stroke:var(--jd-oat);stroke-width:2px}.lab .lab-head-dot{fill:var(--jd-red)}.lab .lab-ror-end{fill:var(--jd-clay-lt);opacity:0}.lab .lab-tick{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--jd-clay-lt);white-space:nowrap;line-height:1;position:absolute;transform:translate(-50%)}.lab .lab-tick-y{transform:translate(-100%,-50%)}.lab .lab-tick-r{opacity:.8;transform:translateY(-50%)}.lab .lab-legend{gap:var(--sp-1) var(--sp-4);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}@media (max-height:760px){.lab .lab-roast{--port:min(70vw, 30svh);--chart-h:19svh}.lab .lab-roast-grid{padding-top:var(--sp-6);gap:var(--sp-3)}.lab .lab-legend{display:none}}@media (max-height:600px){.lab .lab-roast{--port:min(62vw, 26svh);--chart-h:16svh}.lab .lab-roast-grid{padding-top:var(--sp-4);padding-bottom:var(--sp-3)}}@media (max-height:480px){.lab .lab-roast{--port:24svh;--chart-h:14svh}.lab .lab-readouts dd{font-size:var(--fs-body)}}.lab .lab-key{align-items:center;gap:var(--sp-2);display:inline-flex}.lab .lab-key:before{content:"";border-top:2.5px solid var(--jd-oat);width:18px;height:0}.lab .lab-key-ror:before{border-top:2px dashed var(--jd-clay-lt)}.lab .lab-events{display:grid}.lab .lab-ev-name{font-family:var(--font-display);font-style:italic;font-size:var(--fs-h3);line-height:1.05}.lab .lab-ev-note{margin-top:var(--sp-1);max-width:44ch}.lab[data-motion=still] .lab-events{gap:var(--sp-6);margin-top:var(--sp-4)}.lab[data-motion=live] .lab-events>li{grid-area:1/1}.lab[data-motion=live] .lab-events>li:not(.is-now){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lab[data-motion=live] .lab-events>li.is-now{animation:lab-in .42s var(--ease-out) both}.lab .lab-bean-slot{flex:none;width:64px;height:64px;margin-block:-14px -10px;position:relative}.lab .lab-bean-slot:after{content:"";background:radial-gradient(closest-side, color-mix(in oklab, var(--jd-ink) 26%, transparent), transparent);opacity:0;height:14%;transition:opacity .7s var(--ease-out) .35s;border-radius:50%;position:absolute;bottom:2%;left:18%;right:18%}.lab .lab-bean-slot.is-landed:after{opacity:1}.lab[data-motion=still] .lab-bean-slot{display:none}.lab .lab-shot-grid{align-content:center;gap:var(--sp-4);height:100%;padding-top:calc(var(--lab-nav-h) + var(--sp-2));padding-bottom:var(--sp-4);display:grid}.lab .lab-shot-head h2{font-size:clamp(2.25rem,1.6rem + 3.8vw,5rem)}.lab .lab-shot-head>p:last-child{display:none}.lab .lab-espresso{justify-self:center;width:min(100%,360px)}.lab .lab-espresso svg{width:100%;height:auto;max-height:50svh;display:block}.lab .lab-recipe{justify-content:space-between;gap:var(--sp-3) var(--sp-4);border-top:1px solid color-mix(in oklab, var(--jd-clay-lt) 30%, transparent);padding-top:var(--sp-3);grid-template-columns:repeat(3,auto);display:grid}.lab .lab-recipe dd{margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-lead);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1}.lab .lab-recipe>div:nth-child(n+4){display:none}.lab .lab-steel-dark{fill:var(--jd-clay)}.lab .lab-steel{fill:var(--jd-clay-lt)}.lab .lab-steel-shine{fill:none;stroke:var(--jd-paper);stroke-opacity:.55;stroke-width:3px;stroke-linecap:round}.lab .lab-gasket{fill:var(--jd-ink)}.lab .lab-handle{fill:var(--jd-red)}.lab .lab-handle-shine{fill:none;stroke:var(--jd-paper);stroke-opacity:.35;stroke-width:2.5px;stroke-linecap:round}.lab .lab-stream{--blond:0;--dark:0;fill:color-mix(in oklab, var(--jd-espresso) calc(var(--dark) * 100%), color-mix(in oklab, var(--jd-crema-lt) calc(var(--blond) * 100%), var(--jd-espresso-lt)))}.lab .lab-stream-hi{fill:none;stroke:var(--jd-crema-lt);stroke-opacity:.55;stroke-width:.9px;stroke-linecap:round}.lab .lab-drip{fill:var(--jd-espresso-lt);transition:opacity .12s linear}.lab .lab-stop-espresso{stop-color:var(--jd-espresso)}.lab .lab-stop-espresso-lt{stop-color:var(--jd-espresso-lt)}.lab .lab-stop-glow{stop-color:var(--jd-crema);stop-opacity:.3}.lab .lab-stop-glow-0{stop-color:var(--jd-crema);stop-opacity:0}.lab .lab-body{fill:url(#lab-body)}.lab .lab-crema{fill:var(--jd-crema)}.lab .lab-flood-crema-dark{flood-color:var(--jd-espresso-lt);flood-opacity:.55}.lab .lab-glass-wall{fill:var(--jd-paper);fill-opacity:.06;stroke:var(--jd-oat);stroke-opacity:.75;stroke-width:1.6px}.lab .lab-glass-rim{fill:var(--jd-paper);fill-opacity:.08;stroke:var(--jd-oat);stroke-opacity:.6;stroke-width:1.2px}.lab .lab-glass-shine{fill:none;stroke:var(--jd-paper);stroke-opacity:.5;stroke-width:3.5px;stroke-linecap:round}.lab .lab-glass-shine-sm{stroke-opacity:.3;stroke-width:2.5px}.lab .lab-plate{fill:var(--jd-sand)}.lab .lab-scale{fill:var(--jd-clay)}.lab .lab-display{fill:var(--jd-ink)}.lab .lab-lcd{fill:var(--jd-oat);font-family:var(--font-mono);letter-spacing:.02em;font-size:30px}.lab .lab-lcd-sm{fill:var(--jd-clay-lt);font-size:22px}.lab .lab-elastic svg{-webkit-user-select:none;user-select:none;overflow:visible}.lab .lab-elastic[data-elastic=on] svg{cursor:grab;touch-action:pan-y}.lab .lab-elastic.is-grabbing svg{cursor:grabbing}.lab .lab-poke{right:0;bottom:calc(100% + var(--sp-2));align-items:flex-end;gap:var(--sp-2);white-space:nowrap;display:flex;position:absolute}.lab .lab-poke-arrow{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:28px;height:22px;transform:translateY(10px)}.lab .lab-poke-touch{display:none}@media (hover:none),(pointer:coarse){.lab .lab-poke-pointer{display:none}.lab .lab-poke-touch{display:inline}}.lab[data-motion=still] .lab-poke{display:none}.lab .lab-pile{pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0}.lab .lab-liquid{z-index:2;pointer-events:none;height:0;position:relative}.lab .lab-liquid svg{width:100%;height:57px;display:block;position:absolute;bottom:-1px;left:0}.lab .lab-liquid path{fill:var(--liquid)}.lab[data-motion=still] .lab-liquid{display:none}.lab .lab-footer[data-pile=on]{cursor:crosshair}.lab .lab-footer[data-pile=on] a{cursor:pointer}.lab .lab-index-title{font-size:var(--fs-h2);font-weight:500;line-height:var(--lh-display);letter-spacing:var(--track-display)}.lab .lab-index-card{transition:background-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out)}.lab .lab-index-card:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.lab .lab-index-card:hover{background:var(--jd-sand)}}.lab .lab-bar{background:var(--jd-ink);color:var(--jd-oat)}.lab .lab-bar>div{min-height:var(--lab-bar-h)}.lab .lab-bar-name{color:var(--jd-clay-lt);flex:none}.lab .lab-bar ul{scrollbar-width:none;overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.lab .lab-bar ul::-webkit-scrollbar{display:none}.lab .lab-bar li{flex:none}.lab .lab-bar a{min-height:44px;padding-inline:var(--sp-3);text-underline-offset:5px;transition:text-decoration-color var(--dur-fast) ease, color var(--dur-fast) ease;align-items:center;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.lab .lab-bar a[aria-current=page]{color:var(--jd-paper);-webkit-text-decoration-color:var(--jd-red);text-decoration-color:var(--jd-red);text-decoration-thickness:2px}.lab .lab-bar a:not([aria-current=page]){color:var(--jd-clay-lt)}.lab .lab-bar :focus-visible{outline-color:var(--jd-oat)}@media (hover:hover) and (pointer:fine){.lab .lab-bar a:not([aria-current=page]):hover{color:var(--jd-oat);text-decoration-color:currentColor}}@media (min-width:768px){.lab .lab-roast{--port:min(60svh, 44vw, 580px);--chart-h:30svh}.lab .lab-chart-box{margin-inline:0}.lab .lab-roast-grid{column-gap:var(--sp-8);grid-template-columns:repeat(12,minmax(0,1fr));place-items:center stretch}.lab .lab-porthole{grid-column:1/span 6;justify-self:center}.lab .lab-log{gap:var(--sp-4);grid-column:7/span 6}.lab .lab-log>.label:first-child{display:block}.lab .lab-readouts dd{font-size:var(--fs-h3)}.lab .lab-shot-grid{column-gap:var(--sp-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}.lab .lab-shot-head{grid-area:1/1/auto/span 5;align-self:end}.lab .lab-shot-head>p:last-child{display:block}.lab .lab-espresso{grid-area:1/6/span 2/span 7;width:100%}.lab .lab-espresso svg{max-height:82svh;margin-inline:auto}.lab .lab-recipe{margin-top:var(--sp-8);border-top:0;grid-area:2/1/auto/span 4;grid-template-columns:1fr;align-self:start;gap:0;padding-top:0}.lab .lab-recipe>div{justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-3);border-top:1px solid color-mix(in oklab, var(--jd-clay-lt) 30%, transparent);display:flex}.lab .lab-recipe>div:nth-child(n+4){display:flex}.lab .lab-recipe dd{font-size:var(--fs-h3);margin:0}}}@keyframes lab-drop{0%{opacity:0;transform:translateY(0)}15%{opacity:1}70%{opacity:1;transform:translateY(26px)}to{opacity:0;transform:translateY(26px)}}@keyframes lab-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lab .lab-cue-mark:after{opacity:0;animation:none}.lab .lab-nav{transition:none}}