.hbk-advisor{--hbk-ink: #171310;--hbk-coffee: #4e2717;--hbk-roast: #8c4f2d;--hbk-cream: #f6f1e8;--hbk-paper: #fffdf9;--hbk-sand: #d8c8b5;--hbk-muted: #6d625c;color:var(--color-text, var(--hbk-ink));background:radial-gradient(circle at 12% 0%,rgba(140,79,45,.14),transparent 34rem),linear-gradient(135deg,#efe3d1 0%,var(--hbk-cream) 48%,#e8d6c0 100%);padding:55px 0;overflow:hidden}.hbk-advisor *{box-sizing:border-box}.hbk-advisor__shell{width:100%;max-width:1200px;margin:0 auto;padding:0 55px;display:block}.hbk-advisor.is-active .hbk-advisor__shell{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:55px;align-items:center}.hbk-advisor__intro{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}.hbk-advisor.is-active .hbk-advisor__intro{max-width:none;margin:0;text-align:left}.hbk-advisor__eyebrow{margin:0 0 12px;color:var(--hbk-coffee);font-family:var(--font-stack-header);font-size:calc(13 / var(--font-size-base) * 1em);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hbk-advisor__intro h2{margin:0;font-family:var(--font-stack-header);font-size:calc(var(--font-h1-desktop) / var(--font-size-base) * 1em);font-weight:var(--font-weight-header);line-height:1.2;letter-spacing:0;text-transform:none}.hbk-advisor__lede{max-width:620px;margin:17.5px auto 0;font-size:1em;line-height:1.5}.hbk-advisor.is-active .hbk-advisor__lede{margin-left:0}.hbk-advisor__intro>.hbk-advisor__button{margin-top:25px}.hbk-advisor.is-active .hbk-advisor__intro>.hbk-advisor__button{display:none}.hbk-advisor__card{position:relative;background:var(--hbk-paper);border:1px solid rgba(78,39,23,.18);box-shadow:0 24px 70px #38201429}.hbk-advisor__card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(78,39,23,.11);pointer-events:none}.hbk-advisor__panel{min-height:430px;position:relative;z-index:1;padding:55px;display:flex;flex-direction:column;justify-content:center}.hbk-advisor__panel[hidden],.hbk-advisor__results[hidden],.hbk-advisor__progress-wrap[hidden],.hbk-advisor__card[hidden]{display:none}.hbk-advisor__panel h3,.hbk-advisor__results h3{margin:0;font-family:var(--font-stack-header);font-size:calc(var(--font-size-header) / var(--font-size-base) * 1em);font-weight:var(--font-weight-header);line-height:1.2;letter-spacing:0}.hbk-advisor__panel h3:focus,.hbk-advisor__results h3:focus{outline:none}.hbk-advisor__panel>p:not(.hbk-advisor__question-number){max-width:540px;margin:16px 0 0;color:var(--hbk-muted);font-size:1em;line-height:1.5}.hbk-advisor__button,.hbk-advisor__product-link{min-height:44px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hbk-ink);border-radius:2px;background:var(--color-btn-primary, var(--hbk-ink));color:var(--color-btn-primary-text, #fff);font-family:var(--font-stack-header);font-size:calc((var(--font-size-base) - 2) / var(--font-size-base) * 1em);font-style:var(--font-style-header);font-weight:var(--font-weight-header);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.hbk-advisor__button:hover,.hbk-advisor__product-link:hover{transform:translateY(-2px)}.hbk-advisor__button:focus-visible,.hbk-advisor__link-button:focus-visible,.hbk-advisor__option:focus-visible,.hbk-advisor__product-link:focus-visible{outline:3px solid var(--hbk-roast);outline-offset:3px}.hbk-advisor__link-button{border:0;padding:8px 0;background:transparent;color:var(--hbk-coffee);font:inherit;font-family:var(--font-stack-body);font-size:calc((var(--font-size-base) - 2) / var(--font-size-base) * 1em);font-weight:var(--font-weight-body--bold);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.hbk-advisor__progress-wrap{position:absolute;z-index:2;top:0;left:0;right:0;padding:20px 55px 0}.hbk-advisor__progress-label{display:flex;justify-content:space-between;gap:10px;color:var(--hbk-muted);font-family:var(--font-stack-header);font-size:calc(12 / var(--font-size-base) * 1em);font-weight:var(--font-weight-header);letter-spacing:.08em;text-transform:uppercase}.hbk-advisor__progress-track{height:3px;margin-top:10px;background:#e8ded2;overflow:hidden}.hbk-advisor__progress{display:block;width:20%;height:100%;background:var(--hbk-roast);transition:width .22s ease}.hbk-advisor__question-number{margin:0 0 10px;color:var(--hbk-roast);font-family:var(--font-stack-header);font-size:calc(12 / var(--font-size-base) * 1em);font-weight:var(--font-weight-header);letter-spacing:.14em;text-transform:uppercase}.hbk-advisor__options{margin-top:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hbk-advisor__option{min-height:52px;padding:12px 15px;border:1px solid var(--hbk-sand);background:#fff;color:var(--hbk-ink);font-family:var(--font-stack-body);font-size:1em;font-weight:var(--font-weight-body);line-height:1.25;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.hbk-advisor__option:hover{border-color:var(--hbk-coffee);background:var(--hbk-cream);transform:translateY(-1px)}.hbk-advisor__nav{margin-top:20px}.hbk-advisor__back:before{content:"\2039";margin-right:7px;text-decoration:none}.hbk-advisor__results{position:relative;z-index:1;padding:45px}.hbk-advisor__results-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--hbk-sand)}.hbk-advisor__result-grid{margin-top:24px;display:grid;gap:12px}.hbk-advisor__result-card{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:16px;border:1px solid var(--hbk-sand);background:#fff}.hbk-advisor__result-card.is-top{border:2px solid var(--hbk-coffee);background:linear-gradient(90deg,#fff,#fffaf3)}.hbk-advisor__result-image{height:130px;display:grid;place-items:center;background:var(--hbk-cream)}.hbk-advisor__result-image img{width:100%;height:100%;padding:10px;object-fit:contain}.hbk-advisor__match{margin:0 0 5px;color:var(--hbk-roast);font-family:var(--font-stack-header);font-size:calc(12 / var(--font-size-base) * 1em);font-weight:var(--font-weight-header);letter-spacing:.12em;text-transform:uppercase}.hbk-advisor__result-copy h4{margin:0;font-family:var(--font-stack-header);font-size:calc(var(--font-h4-desktop) / var(--font-size-base) * 1em);font-weight:var(--font-weight-header);line-height:1.2}.hbk-advisor__form{margin:4px 0 0!important;color:var(--hbk-muted);font-size:calc(13 / var(--font-size-base) * 1em)!important;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hbk-advisor__result-copy>p:not(.hbk-advisor__match):not(.hbk-advisor__form){margin:10px 0 14px;color:var(--hbk-muted);font-size:calc(15 / var(--font-size-base) * 1em);line-height:1.45}.hbk-advisor__product-link{min-height:40px;padding:8px 15px;font-size:calc(12 / var(--font-size-base) * 1em);white-space:nowrap}@media(max-width:989px){.hbk-advisor.is-active .hbk-advisor__shell{grid-template-columns:1fr;gap:35px}.hbk-advisor.is-active .hbk-advisor__intro{max-width:760px;margin:0 auto;text-align:center}.hbk-advisor.is-active .hbk-advisor__lede{margin-left:auto}}@media(max-width:749px){.hbk-advisor{padding:35px 0}.hbk-advisor__shell{padding:0 22px}.hbk-advisor.is-active .hbk-advisor__shell{gap:25px}.hbk-advisor__intro h2{font-size:calc(var(--font-h1-mobile) / var(--font-size-base) * 1em)}.hbk-advisor__lede{margin-top:15px}.hbk-advisor__intro>.hbk-advisor__button{width:100%;margin-top:20px}.hbk-advisor__panel{min-height:0;padding:65px 22px 25px}.hbk-advisor__progress-wrap{padding:18px 22px 0}.hbk-advisor__progress-label{gap:8px;font-size:calc(10 / var(--font-size-base) * 1em);letter-spacing:.04em}.hbk-advisor__progress-label span:last-child{display:none}.hbk-advisor__options{grid-template-columns:1fr}.hbk-advisor__result-card{grid-template-columns:84px 1fr;gap:14px;padding:12px;align-items:start}.hbk-advisor__result-image{height:100px}.hbk-advisor__results{padding:25px 18px}.hbk-advisor__results-header{align-items:start;flex-direction:column}.hbk-advisor__result-copy h4{font-size:calc(var(--font-h4-mobile) / var(--font-size-base) * 1em)}.hbk-advisor__product-link{padding-right:10px;padding-left:10px;font-size:calc(11 / var(--font-size-base) * 1em)}}@media(prefers-reduced-motion:reduce){.hbk-advisor *,.hbk-advisor *:before,.hbk-advisor *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hbk-coffee-advisor.css.map */