.coffee-scene{isolation:isolate;color:#c5ad93;width:100%;height:100%;min-height:350px;position:relative}.coffee-scene__canvas{z-index:3;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;outline:none;position:absolute;inset:0}.coffee-scene__canvas[data-dragging=true]{cursor:grabbing}.coffee-scene__canvas:focus-visible{outline-offset:-16px;border-radius:50%;outline:1px solid #c7a276}.coffee-scene__canvas canvas{opacity:0;width:100%;height:100%;transition:opacity .8s;display:block}.coffee-scene--ready .coffee-scene__canvas canvas{opacity:1}.coffee-scene__glow{z-index:-1;pointer-events:none;background:radial-gradient(at 56% 46%,#8d582a1b 0%,#5b321d12 28%,#0000 64%);width:115%;height:110%;position:absolute;top:-5%;left:-7.5%}.coffee-scene__orbit{pointer-events:none;border:1px solid #b9977014;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-34deg)}.coffee-scene__orbit--outer{width:90%;height:77%}.coffee-scene__orbit--inner{border-style:dashed;border-color:#b9977010;width:75%;height:52%}.coffee-scene__orbit--outer:before{content:"";background:#a88862;border-radius:50%;width:5px;height:5px;position:absolute;top:9%;left:16%;box-shadow:0 0 17px #c19a653d}.coffee-scene__fallback{opacity:1;background:radial-gradient(at 25% 22%,#b17542 0%,#734324 24%,#512a15 50%,#32180c 78%);border-radius:49% 46% 49% 45%;width:36%;height:57%;transition:opacity .6s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(34deg);box-shadow:inset 10px 6px 22px #cf996354,inset -15px -12px 29px #120b07,25px 35px 55px #0006}.coffee-scene__fallback:before{content:"";opacity:.21;background:repeating-radial-gradient(at 20% 30%,#0000 0 3px,#d8a174 4px,#3d2013 5px,#0000 6px 10px);position:absolute;inset:0}.coffee-scene__fallback i{border-left:8px solid #211008;border-right:3px solid #b07a4969;border-radius:45% 15% 35% 60%;width:14%;height:107%;position:absolute;top:-3%;left:43%;box-shadow:-7px 0 12px #261007,6px 0 8px #c6945b33}.coffee-scene--ready .coffee-scene__fallback{opacity:0}.coffee-scene__annotation{z-index:4;pointer-events:none;letter-spacing:.13em;align-items:center;gap:12px;font-family:inherit;font-size:10px;line-height:1.5;display:flex;position:absolute;top:18%;right:2%}.coffee-scene__annotation small{color:#8b8277;letter-spacing:.095em;margin-top:5px;font-size:7px;display:block}.coffee-scene__annotation-line{transform-origin:100%;background:#b597695e;width:40px;height:1px;display:block;transform:rotate(-25deg)}.coffee-scene__annotation-line:before{content:"";border:1px solid #b59769;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0}.coffee-scene__caption{z-index:4;white-space:nowrap;pointer-events:none;letter-spacing:.14em;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.coffee-scene__drag-icon{color:#af875d;font-size:19px;font-weight:300}.coffee-scene__caption-hint{color:#857f76;letter-spacing:.02em;margin-left:3px;font-size:9px}.coffee-scene__motion-toggle{z-index:5;color:#bfa689;cursor:pointer;background:#17130d66;border:1px solid #a48c6a42;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:border-color .18s,background .18s;display:grid;position:absolute;bottom:8%;right:4%}.coffee-scene__motion-toggle:hover{background:#94744626;border-color:#a48c6aa8}.coffee-scene__motion-toggle:focus-visible{outline-offset:4px;outline:2px solid #c7a276}.coffee-scene__motion-toggle svg{width:16px;height:16px}@media (max-width:600px){.coffee-scene{min-height:330px}.coffee-scene__annotation{font-size:8px;top:12%;right:1%}.coffee-scene__annotation small{font-size:6px}.coffee-scene__annotation-line{width:24px}.coffee-scene__caption{gap:7px;font-size:7px;bottom:4%}.coffee-scene__caption-hint{font-size:8px}.coffee-scene__motion-toggle{width:34px;height:34px;bottom:2%;right:0}}@media (prefers-reduced-motion:reduce){.coffee-scene *,.coffee-scene :before{transition:none!important;animation:none!important}}
.hero-slide-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.hero-slide-controls button{color:#c9b28f;cursor:pointer;background:0 0;border:1px solid #b79a7136;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:color .18s,border-color .18s,background .18s;display:grid}.hero-slide-controls button:hover{color:#f1dfc5;background:#b79a710d;border-color:#b79a7180}.hero-slide-controls button:focus-visible{outline-offset:4px;outline:2px solid #dfc9a8}.hero-slide-position{text-align:center;font-variant-numeric:tabular-nums;color:#dac4a2;letter-spacing:.08em;min-width:45px;font-size:9px}.hero-slide-position>span>span{color:#77786c}.hero-slide-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-slide-copy{animation:.36s both hero-copy-enter}.hero-slide-image{animation:.45s both hero-image-enter}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-image-enter{0%{opacity:0}to{opacity:1}}@media (max-width:760px){.hero-bottom--multiple .hero-coordinate{display:none}.hero-slide-controls{gap:8px}}@media (prefers-reduced-motion:reduce){.hero-slide-copy,.hero-slide-image{animation:none}.hero-slide-controls button{transition:none}}
.brew-lab{color:#eae4d8;padding:96px 0 64px}.brew-lab__heading{max-width:600px;margin-bottom:42px}.brew-lab__eyebrow{color:#b99b72;letter-spacing:.18em;margin-bottom:22px;font-size:10px;line-height:1.5;display:block}.brew-lab__heading h2{font-family:var(--font-display,Georgia, serif);letter-spacing:-.04em;margin:0;font-size:clamp(38px,4.4vw,64px);font-weight:400;line-height:1.05}.brew-lab__heading h2 span{display:block}.brew-lab__heading h2 em{color:#bfa582;font-weight:400}.brew-lab__heading>p{color:#9c988d;margin:18px 0 0;font-size:13px;line-height:1.8}.brew-lab__tabs{border-bottom:1px solid #b39b751f;display:flex}.brew-lab__tabs button{color:#8e8b82;cursor:pointer;background:0 0;border:none;flex:1;justify-content:flex-start;align-items:center;gap:15px;padding:21px 20px;font-family:inherit;font-size:14px;transition:color .18s,background .18s;display:flex;position:relative}.brew-lab__tabs button:first-child{padding-left:0}.brew-lab__tabs button+button{border-left:1px solid #b39b7517}.brew-lab__tabs button:after{content:"";transform-origin:0;background:#c2a479;height:1px;transition:transform .26s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.brew-lab__tabs button[aria-selected=true]{color:#efe7d9}.brew-lab__tabs button[aria-selected=true]:after{transform:scaleX(1)}.brew-lab__tabs button:hover{color:#efe7d9;background:#b99c6d05}.brew-lab__tabs button>span{color:#a0845c;letter-spacing:.1em;font-size:9px}.brew-lab__tabs button svg{opacity:.45;width:15px;height:15px;margin-left:auto}.brew-lab__tabs button[aria-selected=true] svg{opacity:1}.brew-lab__tabs button:focus-visible,.brew-lab__motion:focus-visible{outline-offset:5px;z-index:2;outline:2px solid #c2a479}.brew-lab__panel{outline:none;grid-template-columns:1.05fr 1fr;gap:8%;padding-top:34px;display:grid}.brew-lab__panel:focus-visible{outline-offset:8px;outline:1px solid #a38b6940}.brew-lab__visual{background:radial-gradient(#a3773910,#0000 67%);align-self:center;min-width:0;animation:.48s both brew-reveal;position:relative}.brew-lab__diagram-label{letter-spacing:.19em;color:#76796e;font-size:7px;position:absolute;top:20px;left:0}.brew-lab__drawing{color:#b79b73;width:100%;height:auto;display:block;overflow:visible}.brew-lab__motion{color:#9b907c;cursor:pointer;letter-spacing:.15em;background:0 0;border:0;align-items:center;gap:8px;padding:12px 0;font-family:inherit;font-size:7px;display:flex;position:absolute;bottom:0;left:0}.brew-lab__motion svg{width:16px;height:16px}.brew-lab__motion:hover{color:#d8b68b}.brew-lab__recipe{align-self:center;padding:12px 0;animation:.36s both brew-reveal}.brew-lab__recipe h3{font-family:var(--font-display,Georgia, serif);letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(24px,2.5vw,33px);font-weight:400;line-height:1.2}.brew-lab__description{color:#9b978c;max-width:390px;margin:0;font-size:12px;line-height:1.9}.brew-lab__stats{border-bottom:1px solid #b39b751c;grid-template-columns:repeat(3,1fr);margin:26px 0 25px;padding-bottom:23px;display:grid}.brew-lab__stats>div{flex-direction:column;align-items:flex-start;display:flex}.brew-lab__stats strong{font-family:var(--font-display,Georgia, serif);color:#d1b68e;font-size:24px;font-weight:400;line-height:1.4}.brew-lab__stats span{letter-spacing:.12em;color:#838175;margin-top:5px;font-size:7px;line-height:1.6}.brew-lab__steps{margin:0;padding:0;list-style:none}.brew-lab__steps li{align-items:baseline;gap:15px;margin-bottom:12px;display:flex}.brew-lab__steps li>span{color:#a58b65;letter-spacing:.08em;flex:0 0 15px;font-size:8px}.brew-lab__steps p{color:#b1ada0;margin:0;font-size:11px;line-height:1.8}.brew-lab__note{color:#78786e;max-width:365px;margin:22px 0 0;font-size:9px;line-height:1.7}.brew-lab__espresso-streams path{stroke-dasharray:43 10;animation:2.2s linear infinite brew-pour}.brew-lab__espresso-streams path+path{animation-delay:-.7s}.brew-lab__coffee-ripple{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite brew-ripple}.brew-lab__water-stream{stroke-dasharray:8 4;animation:2s linear infinite brew-pour}.brew-lab__drip{stroke-dasharray:4 10;animation:1.4s linear infinite brew-pour}.brew-lab__milk-stream{stroke-dasharray:160;animation:7s ease-in-out infinite brew-milk}.brew-lab__rosetta path{stroke-dasharray:190;stroke-dashoffset:0;animation:7s ease-in-out infinite brew-rosetta}.brew-lab__rosetta path:nth-child(2){animation-delay:.12s}.brew-lab__rosetta path:nth-child(3){animation-delay:.24s}.brew-lab__rosetta path:nth-child(4){animation-delay:.36s}.brew-lab__rosetta path:nth-child(5){animation-delay:.48s}.brew-lab__steam path{animation:4s ease-in-out infinite brew-steam}.brew-lab__steam path:nth-child(2){animation-delay:-1.3s}.brew-lab__steam path:nth-child(3){animation-delay:-2.7s}.brew-lab--paused .brew-lab__drawing *{animation-play-state:paused!important}.brew-lab--paused .brew-lab__rosetta path{stroke-dashoffset:0;opacity:.85;animation:none!important}@keyframes brew-pour{to{stroke-dashoffset:-108px}}@keyframes brew-ripple{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:.75;transform:scale(1.035)}}@keyframes brew-milk{0%,85%,to{opacity:.2;stroke-dashoffset:0}20%,70%{opacity:.8;stroke-dashoffset:-10px}}@keyframes brew-rosetta{0%,8%{stroke-dashoffset:190px;opacity:.2}64%,90%{stroke-dashoffset:0;opacity:.85}to{stroke-dashoffset:0;opacity:0}}@keyframes brew-steam{0%,to{opacity:.1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-7px)}}@keyframes brew-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.brew-lab{padding:64px 0 40px}.brew-lab__heading{margin-bottom:24px}.brew-lab__panel{grid-template-columns:1fr;gap:18px;padding-top:16px}.brew-lab__visual{justify-self:center;width:100%;max-width:530px}.brew-lab__recipe{padding-top:8px}.brew-lab__description{max-width:none}.brew-lab__tabs button{gap:8px;padding:18px 10px;font-size:12px}.brew-lab__tabs button>span{font-size:7px}.brew-lab__tabs button svg{width:12px;height:12px}.brew-lab__stats strong{font-size:26px}.brew-lab__steps p{font-size:12px}.brew-lab__diagram-label{top:10px}}@media (prefers-reduced-motion:reduce){.brew-lab *,.brew-lab :before,.brew-lab :after{transition:none!important;animation:none!important}}