.coffee-diagnosis{--coffee-ink: #17110d;--coffee-muted: #6d625d;--coffee-cream: #f8f4ec;--coffee-paper: #fffdf8;--coffee-line: rgba(23, 17, 13, .14);--coffee-green: #3d5f4b;--coffee-berry: #8b3f4b;--coffee-gold: #c48b3b;--coffee-brown: #3a2419;--coffee-max: 1080px;color:var(--coffee-ink);background:var(--coffee-paper);overflow-x:clip}.coffee-diagnosis *{box-sizing:border-box}.coffee-diagnosis__inner{width:min(var(--coffee-max),100%);margin-inline:auto;padding-inline:20px}.coffee-diagnosis__hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(32px,7vw,88px);align-items:center;min-height:calc(100svh - var(--header-group-height, 0px));padding:clamp(56px,8vw,96px) 0}.coffee-diagnosis__eyebrow,.coffee-diagnosis-result__eyebrow{margin:0 0 14px;color:var(--coffee-green);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.coffee-diagnosis h1,.coffee-diagnosis h2,.coffee-diagnosis h3{margin:0;color:var(--coffee-ink);font-family:var(--font-heading--family);letter-spacing:0;overflow-wrap:anywhere;word-break:normal}.coffee-diagnosis h1{max-width:620px;font-size:clamp(2.55rem,6vw,5.4rem);line-height:1.03}.coffee-diagnosis__lead{max-width:560px;margin:22px 0 0;color:var(--coffee-muted);font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.9}.coffee-diagnosis__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.coffee-diagnosis__meta span{padding:8px 12px;border:1px solid var(--coffee-line);border-radius:999px;color:var(--coffee-brown);font-size:.78rem;font-weight:700}.coffee-diagnosis__button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--coffee-ink);border-radius:4px;background:transparent;color:var(--coffee-ink);font:inherit;font-size:.86rem;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.coffee-diagnosis__button:hover{transform:translateY(-1px)}.coffee-diagnosis__button--primary{background:var(--coffee-ink);color:#fff}.coffee-diagnosis__button--primary:hover{background:var(--coffee-green);border-color:var(--coffee-green);color:#fff}.coffee-diagnosis__button--secondary{background:#fff}.coffee-diagnosis__button--secondary:hover{background:var(--coffee-cream)}.coffee-diagnosis__button:disabled{border-color:var(--coffee-line);color:var(--coffee-muted);cursor:not-allowed;opacity:.58;transform:none}.coffee-diagnosis__start{margin-top:30px}.coffee-diagnosis__panel{padding:clamp(24px,4vw,42px);border:1px solid var(--coffee-line);background:#fff;box-shadow:0 24px 80px #17110d14}.coffee-diagnosis__progress{display:grid;gap:12px;margin-bottom:28px}.coffee-diagnosis__progress-text{display:flex;justify-content:space-between;gap:16px;color:var(--coffee-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coffee-diagnosis__progress-track{height:4px;overflow:hidden;background:var(--coffee-cream)}.coffee-diagnosis__progress-bar{width:0;height:100%;background:linear-gradient(90deg,var(--coffee-green),var(--coffee-gold));transition:width .22s ease}.coffee-diagnosis__question{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1fr);gap:clamp(24px,5vw,58px);align-items:center}.coffee-diagnosis__visual-wrap,.coffee-diagnosis__question-copy,.coffee-diagnosis__result-cards{min-width:0}.coffee-diagnosis__question[hidden],.coffee-diagnosis__result[hidden],.coffee-diagnosis-result[hidden]{display:none}.coffee-diagnosis__question-copy span{display:block;margin-bottom:14px;color:var(--coffee-berry);font-size:.78rem;font-weight:800}.coffee-diagnosis__question-copy h2{font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.18}.coffee-diagnosis__answers{display:grid;gap:12px;margin-top:28px}.coffee-diagnosis__answer{width:100%;display:grid;gap:6px;padding:18px 20px;border:1px solid var(--coffee-line);border-radius:6px;background:#fff;color:var(--coffee-ink);text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.coffee-diagnosis__answer:hover,.coffee-diagnosis__answer[aria-pressed=true]{border-color:#3d5f4b7a;background:#f5f8f3;box-shadow:0 10px 28px #3d5f4b1a;transform:translateY(-1px)}.coffee-diagnosis__answer strong{font-size:clamp(.98rem,1.35vw,1.16rem);line-height:1.45}.coffee-diagnosis__answer small{color:var(--coffee-muted);font-size:.82rem;line-height:1.6}.coffee-diagnosis__controls{display:flex;justify-content:space-between;gap:14px;margin-top:28px}.coffee-diagnosis__result{min-height:560px;display:grid;align-items:center;padding:clamp(56px,8vw,96px) 0;background:linear-gradient(180deg,var(--coffee-paper),#fff),var(--coffee-paper);border-top:1px solid var(--coffee-line)}.coffee-diagnosis__result-grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1fr);gap:clamp(28px,6vw,76px);align-items:center}.coffee-diagnosis__result-intro,.coffee-diagnosis-result{opacity:0;transform:translateY(18px)}.coffee-diagnosis__result.is-visible .coffee-diagnosis__result-intro{animation:coffee-result-rise .56s ease forwards}.coffee-diagnosis__result.is-visible .coffee-diagnosis-result:not([hidden]){animation:coffee-result-rise .64s .12s ease forwards}.coffee-diagnosis__result.is-visible .coffee-diagnosis-result:not([hidden]) .coffee-diagnosis-result__notes li{opacity:0;transform:translate(-10px);animation:coffee-result-note .42s ease forwards}.coffee-diagnosis__result.is-visible .coffee-diagnosis-result:not([hidden]) .coffee-diagnosis-result__notes li:nth-child(1){animation-delay:.36s}.coffee-diagnosis__result.is-visible .coffee-diagnosis-result:not([hidden]) .coffee-diagnosis-result__notes li:nth-child(2){animation-delay:.46s}.coffee-diagnosis__result.is-visible .coffee-diagnosis-result:not([hidden]) .coffee-diagnosis-result__notes li:nth-child(3){animation-delay:.56s}.coffee-diagnosis__result-intro h2{font-size:clamp(2rem,4.4vw,4rem);line-height:1.08}.coffee-diagnosis__result-intro p{margin:18px 0 0;color:var(--coffee-muted);line-height:1.9}.coffee-diagnosis__result-actions{margin-top:26px}.coffee-diagnosis-result{padding:clamp(26px,4vw,42px);border:1px solid var(--coffee-line);background:#fff;box-shadow:0 24px 80px #17110d17}.coffee-diagnosis-result h3{font-size:clamp(1.7rem,3.3vw,3rem);line-height:1.16}.coffee-diagnosis-result__roast{display:inline-flex;margin:16px 0 0;padding:7px 12px;border-radius:999px;background:var(--coffee-cream);color:var(--coffee-brown);font-size:.78rem;font-weight:800}.coffee-diagnosis-result__lead{margin:22px 0 0;color:var(--coffee-muted);font-size:.98rem;line-height:1.85}.coffee-diagnosis-result__notes{display:grid;gap:10px;margin:24px 0 28px;padding:0;list-style:none}.coffee-diagnosis-result__notes li{position:relative;padding-left:20px;color:var(--coffee-brown);line-height:1.65}.coffee-diagnosis-result__notes li:before{content:"";position:absolute;top:.72em;left:0;width:7px;height:7px;border-radius:50%;background:var(--coffee-gold)}.coffee-diagnosis-visual{min-height:260px;display:grid;place-items:center;padding:22px;background:var(--coffee-cream)}.coffee-diagnosis-visual svg{width:min(100%,360px);height:auto}.coffee-diagnosis-visual__cup,.coffee-diagnosis-visual__handle,.coffee-diagnosis-visual__plate,.coffee-diagnosis-visual__steam,.coffee-diagnosis-visual__coffee,.coffee-diagnosis-visual__milk-jug,.coffee-diagnosis-visual__milk-top,.coffee-diagnosis-visual__milk-flow,.coffee-diagnosis-visual__flower-stem,.coffee-diagnosis-visual__petal,.coffee-diagnosis-visual__bean-line,.coffee-diagnosis-visual__line{fill:none;stroke:var(--coffee-brown);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.coffee-diagnosis-visual__cup{fill:#fff}.coffee-diagnosis-visual__coffee,.coffee-diagnosis-visual__bean{stroke:var(--coffee-brown)}.coffee-diagnosis-visual__bean,.coffee-diagnosis-visual__sun{fill:var(--coffee-gold)}.coffee-diagnosis-visual__sun{opacity:.9}.coffee-diagnosis-visual__petal{fill:#8b3f4b21;stroke:var(--coffee-berry)}.coffee-diagnosis-visual__milk-jug{fill:#fff}.coffee-diagnosis-visual__steam{stroke:var(--coffee-green)}@keyframes coffee-result-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes coffee-result-note{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.coffee-diagnosis__result-intro,.coffee-diagnosis-result,.coffee-diagnosis__result.is-visible .coffee-diagnosis-result:not([hidden]) .coffee-diagnosis-result__notes li{opacity:1;transform:none;animation:none}}@media screen and (max-width:900px){.coffee-diagnosis__hero,.coffee-diagnosis__question,.coffee-diagnosis__result-grid{grid-template-columns:1fr}.coffee-diagnosis__hero{min-height:auto;gap:28px}.coffee-diagnosis__visual-wrap{order:-1}.coffee-diagnosis__result{min-height:auto}}@media screen and (max-width:640px){.coffee-diagnosis__inner{padding-inline:14px}.coffee-diagnosis__hero{display:flex;flex-direction:column;align-items:stretch;padding:34px 0 42px}.coffee-diagnosis h1{font-size:clamp(2.2rem,11vw,3.25rem);line-height:1.08}.coffee-diagnosis__lead{margin-top:16px;font-size:.94rem;line-height:1.8}.coffee-diagnosis__meta{gap:8px;margin-top:18px}.coffee-diagnosis__meta span{padding:7px 10px;font-size:.72rem}.coffee-diagnosis__start{margin-top:22px}.coffee-diagnosis__panel{padding:14px;box-shadow:0 16px 40px #17110d12}.coffee-diagnosis__button,.coffee-diagnosis__start{width:100%;min-height:50px}.coffee-diagnosis__controls{flex-direction:column-reverse;margin-top:18px}.coffee-diagnosis__progress{gap:10px;margin-bottom:18px}.coffee-diagnosis__progress-text{font-size:.7rem}.coffee-diagnosis__question{gap:16px}.coffee-diagnosis__question-copy span{margin-bottom:9px;font-size:.72rem}.coffee-diagnosis__question-copy h2{font-size:clamp(1.46rem,7vw,2rem);line-height:1.26}.coffee-diagnosis__answers{gap:10px;margin-top:18px}.coffee-diagnosis__answer{min-height:0;padding:15px 14px;border-radius:5px}.coffee-diagnosis__answer strong{font-size:.98rem}.coffee-diagnosis__answer small{font-size:.78rem}.coffee-diagnosis__answer:hover{transform:none}.coffee-diagnosis__result{padding:42px 0}.coffee-diagnosis__result-grid{gap:24px}.coffee-diagnosis__result-intro h2{font-size:clamp(1.86rem,9vw,2.8rem);line-height:1.14}.coffee-diagnosis__result-intro p{margin-top:14px;font-size:.92rem;line-height:1.8}.coffee-diagnosis__result-actions{margin-top:20px}.coffee-diagnosis-result{padding:22px 18px;box-shadow:0 16px 42px #17110d14}.coffee-diagnosis-visual{min-height:180px;padding:12px}.coffee-diagnosis-visual svg{width:min(100%,260px);max-height:220px}.coffee-diagnosis-result h3{font-size:clamp(1.48rem,7.6vw,2.25rem);line-height:1.18}.coffee-diagnosis-result__roast{margin-top:12px;font-size:.74rem}.coffee-diagnosis-result__lead{margin-top:16px;font-size:.9rem;line-height:1.76}.coffee-diagnosis-result__notes{gap:8px;margin:18px 0 22px}.coffee-diagnosis-result__notes li{font-size:.9rem;line-height:1.6}.coffee-diagnosis-visual{min-height:164px;padding:12px}.coffee-diagnosis-visual svg{width:min(100%,230px)}}@media screen and (max-width:380px){.coffee-diagnosis__inner{width:min(var(--coffee-max),calc(100% - 20px))}.coffee-diagnosis__panel{padding:14px}.coffee-diagnosis h1{font-size:2.08rem}.coffee-diagnosis__question-copy h2{font-size:1.38rem}.coffee-diagnosis__answer{padding:14px 12px}.coffee-diagnosis-visual{min-height:144px}.coffee-diagnosis-visual svg{width:min(100%,205px)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-coffee-diagnosis.css.map */