.gh{background:var(--espresso);color:var(--cream);align-items:stretch;display:flex}.gh-photo{aspect-ratio:1122/1402;flex:0 0 42%;width:42%;min-width:0;position:relative}.gh-photo img{object-fit:cover}.gh-text{flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;gap:20px;min-width:0;padding:72px 80px;display:flex}.gh-eyebrow{color:var(--cream-mute);align-items:center;gap:12px;display:flex}.gh-dot{background:#c9a24a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #f4efe680}.gh h1{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(44px,4.4vw,64px);line-height:1.06}.gh-notes{font-family:var(--serif);font-size:24px;font-style:italic;line-height:1.3}.gh-desc{max-width:32em;color:var(--cream-mute)}.gh-spec{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;width:100%;max-width:600px;display:grid}.gh-spec>div{border-top:1px solid var(--line-dark);padding:14px 0}.gh-spec p:first-child{letter-spacing:.2em;text-transform:uppercase;color:var(--cream-mute);font-size:11px;font-weight:500}.gh-spec p:last-child{margin-top:4px;font-size:16px;font-weight:500}.gh-buy{flex-wrap:wrap;align-items:center;gap:24px 28px;margin-top:4px;display:flex}.gh-price{font-family:var(--serif);font-size:36px;line-height:1}.gh-weight{color:var(--cream-mute);font-size:14px}.gh .gh-add{font-weight:600}.gr{padding:96px var(--pad);background:var(--cream);justify-content:center;align-items:center;gap:clamp(64px,9vw,140px);display:flex}.gr-text{flex-direction:column;flex:1 1 0;gap:20px;min-width:0;max-width:720px;display:flex}.gr h2{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(34px,3.6vw,52px);line-height:1.06}.gr-lede{font-family:var(--serif);color:var(--muted);max-width:30em;font-size:22px;font-style:italic;line-height:1.35}.gr-ratio{gap:12px;margin-top:12px;display:grid}.gr-bar{gap:4px;height:16px;display:flex}.gr-bar span{transform-origin:0;transition:transform 1.2s var(--ease);border-radius:999px;flex-basis:0}.gr-bar-coffee{background:var(--espresso)}.gr-bar-water{background:linear-gradient(90deg,#c7a26cbf,#c7a26c59);transition-delay:.25s!important}.v3-rv-on .gr-ratio:not(.in) .gr-bar span{transform:scaleX(0)}.gr-ratio-legend{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;font-size:14px;display:flex}.gr-ratio-legend b{color:var(--ink);font-weight:600}.gr-ratio-num{font-family:var(--serif);color:var(--ink);font-size:30px;line-height:1}.gr-spec{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:8px;display:grid}.gr-spec>div{border-top:1px solid var(--line);padding:14px 0}.gr-spec dt{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.gr-spec dd{margin-top:4px;font-size:17px;font-weight:500}.gr-bag{aspect-ratio:770/1338;flex:none;width:clamp(200px,22vw,300px);position:relative}.gr-bag-float{z-index:1;animation:7s ease-in-out infinite gr-breathe;position:absolute;inset:0}.gr-bag-float img{object-fit:contain}.gr-bag-shadow{background:radial-gradient(closest-side,#291f1752,#291f1700);height:8%;animation:7s ease-in-out infinite gr-shadow;position:absolute;bottom:-5%;left:4%;right:4%}@keyframes gr-breathe{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-10px)rotate(.6deg)}}@keyframes gr-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.88)}}.gp{padding:96px var(--pad);background:var(--espresso);color:var(--cream)}.gp-head{flex-direction:column;gap:18px;max-width:760px;margin-bottom:56px;display:flex}.gp-head h2{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(34px,3.6vw,52px);line-height:1.06}.gp-head p:last-child{color:var(--cream-mute);max-width:40em}.bt{grid-template:"dial steps""ctrl steps"1fr/minmax(0,380px) minmax(0,1fr);align-items:start;gap:28px 80px;display:grid}.bt-dial{grid-area:dial;align-items:center;gap:40px;display:flex}.bt-ring{aspect-ratio:1;flex:none;width:260px;position:relative}.bt-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.bt-track{fill:none;stroke:#f4efe624;stroke-width:2px}.bt-prog{fill:none;stroke:var(--gold-l);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .22s linear}.bt-tick{fill:#f4efe659;transition:fill .3s}.bt-tick.is-past{fill:var(--gold-l)}.bt-read{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.bt-time{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:60px;line-height:1}.bt-target{letter-spacing:.04em;color:var(--cream-mute);font-size:13px;font-weight:500}.bt-jar{border:1px solid #f4efe666;border-top:0;border-radius:0 0 10px 10px;flex:none;width:40px;height:220px;position:relative;overflow:visible}.bt-jar-fill{transform-origin:bottom;transition:transform 1.6s var(--ease);background:linear-gradient(#c7a26ce6,#784e28f2);border-radius:0 0 9px 9px;position:absolute;inset:0}.bt-jar-mark{color:var(--cream-mute);white-space:nowrap;font-size:11px;font-weight:500;position:absolute;left:calc(100% + 10px);transform:translateY(50%)}.bt-jar-mark:before{content:"";background:#f4efe666;width:14px;height:1px;position:absolute;top:50%;right:calc(100% + 4px)}.bt-jar-mark:after{content:" ml"}.bt-ctrl{flex-wrap:wrap;grid-area:ctrl;gap:12px;display:flex}.bt-ctrl .pill{font-weight:600}.bt-ctrl .pill-ghost{color:var(--cream)}.bt-steps{grid-area:steps;padding:0;list-style:none;display:grid}.bt-steps li{border-top:1px solid var(--line-dark);transition:opacity .4s ease, background-color .4s ease, padding .5s var(--ease);grid-template-columns:76px minmax(0,1fr);gap:16px;padding:20px 20px 20px 0;display:grid;position:relative}.bt-steps li:before{content:"";background:var(--gold-l);transform-origin:0;width:100%;height:1px;transition:transform .7s var(--ease);position:absolute;top:-1px;left:0;transform:scaleX(0)}.bt-steps li[data-state=on]{background:#f4efe60d;padding-left:16px}.bt-steps li[data-state=on]:before{transform:scaleX(1)}.bt-steps li[data-state=past]{opacity:.5}.bt-at{font-family:var(--serif);color:var(--gold-l);font-variant-numeric:tabular-nums;font-size:22px}.bt-steps h3{font-family:var(--serif);font-size:22px;line-height:1.2}.bt-steps p{color:var(--cream-mute);margin-top:4px;font-size:15px}.ge{padding:88px var(--pad) 64px;background:var(--cream);flex-direction:column;gap:18px;display:flex}.ge h2{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(30px,3vw,40px);line-height:1.06}.ge ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin-top:10px;padding:0;list-style:none;display:grid}.ge li{border-top:1px solid var(--line);align-items:baseline;gap:14px;padding:18px 0;font-weight:500;display:flex}.ge li span{font-family:var(--serif);color:var(--gold);font-size:24px}@media (max-width:1180px){.gh-text{padding:56px 48px}.bt{grid-template-columns:minmax(0,1fr);grid-template-areas:"dial""ctrl""steps"}}@media (max-width:860px){.gh{flex-direction:column}.gh-photo{flex:none;width:100%}.gh-text{padding:40px var(--pad) 52px;gap:18px}.gh h1{font-size:clamp(36px,10vw,44px)}.gh-notes{font-size:21px}.gh-spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.gh .gh-add{flex:auto}.gr{padding:64px var(--pad);flex-direction:column;align-items:stretch;gap:40px}.gr-bag{display:none}.gr-lede{font-size:19px}.gr-spec{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.gp{padding:64px var(--pad)}.gp-head{margin-bottom:36px}.bt-dial{justify-content:center;gap:28px;padding-right:48px}.bt-ring{width:190px}.bt-time{font-size:48px}.bt-jar{height:180px}.bt-ctrl{justify-content:center}.bt-steps li{grid-template-columns:56px minmax(0,1fr);gap:12px;padding-right:0}.bt-steps li[data-state=on]{padding-left:12px}.bt-at,.bt-steps h3{font-size:20px}.ge{padding:64px var(--pad) 40px}.ge ol{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.gr-bag-float,.gr-bag-shadow{animation:none}.v3-rv-on .gr-ratio:not(.in) .gr-bar span{transform:none}.gr-bar span,.bt-prog,.bt-jar-fill,.bt-steps li,.bt-steps li:before{transition:none!important}}
