.coffee-visual-explainer{display:grid;gap:2rem}.coffee-visual-explainer__header{max-width:72rem}.coffee-visual-explainer__eyebrow,.coffee-visual-card__label{margin:0 0 .45rem;color:rgba(var(--color-foreground),.64);font-size:1.1rem;font-weight:700;letter-spacing:.14rem;line-height:1.2;text-transform:uppercase}.coffee-visual-explainer__heading{margin:0}.coffee-visual-explainer__copy{max-width:62rem;margin:1rem 0 0;color:rgba(var(--color-foreground),.72)}.coffee-visual-explainer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));gap:1.2rem}.coffee-visual-card{display:grid;gap:1.4rem;min-height:34rem;padding:1.6rem;border:.1rem solid rgba(var(--color-foreground),.11);border-radius:1.6rem;background:radial-gradient(circle at 16% 12%,rgba(var(--color-foreground),.08),transparent 28%),linear-gradient(145deg,rgba(var(--color-foreground),.045),rgba(var(--color-background),.9));overflow:hidden}.coffee-visual-card__content h3{margin:0 0 .7rem;font-size:2rem;line-height:1.15}.coffee-visual-card__content p:last-child{margin-bottom:0;color:rgba(var(--color-foreground),.72)}.coffee-fit-demo{display:grid;align-items:center;min-height:15rem}.coffee-fit-demo__tray{position:relative;width:min(100%,26rem);min-height:14rem;margin:0 auto;border:.2rem solid rgba(var(--color-foreground),.18);border-radius:2rem;background:repeating-linear-gradient(90deg,rgba(var(--color-foreground),.08) 0 .35rem,transparent .35rem 1.3rem),rgba(var(--color-background),.72)}.coffee-fit-demo__scale{position:absolute;display:grid;place-items:center;border-radius:1.1rem;font-size:1.1rem;font-weight:700;letter-spacing:.04rem}.coffee-fit-demo__scale--large{left:-1.8rem;top:2.2rem;width:18rem;height:8.5rem;border:.1rem dashed rgba(var(--color-foreground),.35);color:rgba(var(--color-foreground),.5);transform:rotate(-5deg)}.coffee-fit-demo__scale--mini{right:2.6rem;bottom:2.2rem;width:8rem;height:8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));box-shadow:0 1.2rem 3rem rgba(var(--color-foreground),.18);animation:coffee-mini-center 4s ease-in-out infinite}.coffee-flow-demo{display:grid;gap:1rem;align-self:end}.coffee-flow-demo__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.coffee-flow-demo__metrics span{display:grid;gap:.15rem;padding:.75rem;border-radius:.8rem;background:rgba(var(--color-background),.78);color:rgba(var(--color-foreground),.62);font-size:1.1rem;line-height:1.2}.coffee-flow-demo__metrics strong{color:rgb(var(--color-foreground));font-size:1.45rem}.coffee-flow-demo svg{width:100%;min-height:13rem;padding:.6rem;border-radius:1.2rem;background:rgba(var(--color-background),.72)}.coffee-flow-demo__gridline{fill:none;stroke:rgba(var(--color-foreground),.11);stroke-width:1}.coffee-flow-demo__curve{fill:none;stroke:rgb(var(--color-foreground));stroke-linecap:round;stroke-width:5;stroke-dasharray:420;stroke-dashoffset:420;animation:coffee-flow-draw 4.8s ease-in-out infinite}.coffee-flow-demo__dot{fill:rgb(var(--color-background));stroke:rgb(var(--color-foreground));stroke-width:4;animation:coffee-flow-dot 4.8s ease-in-out infinite}.coffee-workflow-demo{position:relative;display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.coffee-workflow-demo:before{content:"";position:absolute;left:1.8rem;top:1.8rem;bottom:1.8rem;width:.2rem;background:linear-gradient(180deg,rgba(var(--color-foreground),.22),rgba(var(--color-foreground),.04))}.coffee-workflow-demo li{position:relative;display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem;background:rgba(var(--color-background),.78);font-weight:700;animation:coffee-workflow-rise 4.8s ease-in-out infinite}.coffee-workflow-demo li:nth-child(2){animation-delay:.2s}.coffee-workflow-demo li:nth-child(3){animation-delay:.4s}.coffee-workflow-demo li:nth-child(4){animation-delay:.6s}.coffee-workflow-demo span{display:grid;place-items:center;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;border-radius:999rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.2rem}.coffee-visual-explainer__actions{display:flex;flex-wrap:wrap;gap:1rem}@keyframes coffee-mini-center{0%,to{transform:translateY(0)}50%{transform:translateY(-.5rem)}}@keyframes coffee-flow-draw{0%{stroke-dashoffset:420}45%,85%{stroke-dashoffset:0}to{stroke-dashoffset:-420}}@keyframes coffee-flow-dot{0%,18%{opacity:0;transform:translate(-8rem)}42%,80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(7rem)}}@keyframes coffee-workflow-rise{0%,to{transform:translateY(0)}45%{transform:translateY(-.4rem)}}@media screen and (prefers-reduced-motion:reduce){.coffee-fit-demo__scale--mini,.coffee-flow-demo__curve,.coffee-flow-demo__dot,.coffee-workflow-demo li{animation:none}}@media screen and (max-width:749px){.coffee-visual-card{min-height:auto}.coffee-flow-demo__metrics{grid-template-columns:1fr}.coffee-visual-explainer__actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/20/compiled_assets/styles.css.map */