.mfr-tl__how-to-brew .section-content{margin-bottom:2rem}@media print,screen and (min-width:64em){.mfr-tl__how-to-brew .section-content{margin-bottom:3.3125rem}}.mfr-tl__how-to-brew .how-to-brew__sub-head{margin-top:3.75rem}@media print,screen and (min-width:64em){.mfr-tl__how-to-brew .how-to-brew__sub-head{margin-top:5.6875rem}}.prep-method-container{width:100%}.prep-method{max-width:76.375rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem}@media print,screen and (min-width:64em){.prep-method{flex-direction:column;gap:2.0625rem}}.prep-method__method-wrapper{width:100%;border:1px solid var(--color-black);border-radius:.625rem;overflow:hidden;background-color:#fffefb}@media print,screen and (min-width:40em){.prep-method__method-wrapper{width:calc(50% - .5rem)}}@media print,screen and (min-width:64em){.prep-method__method-wrapper{width:100%}}.prep-method__method-grid{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%}@media print,screen and (min-width:64em){.prep-method__method-grid{flex-direction:row}}.prep-method__method-img{position:relative;width:100%;aspect-ratio:4/3;background-color:#85a7f026;border-bottom:1px solid #221f1f;overflow:hidden;flex-shrink:0}@media print,screen and (min-width:64em){.prep-method__method-img{width:33.8%;aspect-ratio:unset;border-right:1px solid #221f1f;border-bottom:none}}.prep-method__method-img img{width:100%;height:100%;object-fit:cover;display:block}.prep-method__method-img--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.prep-method__method-img--placeholder svg{width:40%;height:40%;opacity:.3}.prep-method__method-body{flex:1;min-width:0;align-self:stretch;position:relative;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem}@media print,screen and (min-width:64em){.prep-method__method-body{padding:2rem 2rem 1rem}}.prep-method__method-title{margin:0;font-family:var(--custom-font-name-2);font-weight:500;font-style:normal;font-size:1.75rem;line-height:1;letter-spacing:-.03em;text-transform:uppercase;text-align:left;color:#201c1a}@media print,screen and (min-width:64em){.prep-method__method-title{font-size:2.5rem;line-height:2.5rem;letter-spacing:-.03em}}.prep-method__method-meta{display:flex;flex-wrap:wrap;gap:.375rem}.prep-method__meta-chip{display:inline-flex;align-items:center;height:1.0625rem;padding:0 .5rem;background-color:#eef0fb;border-radius:.5625rem;font-family:var(--custom-font-name-5);font-weight:400;font-style:normal;font-size:.5625rem;color:#221f1f;white-space:nowrap}.prep-method__method-description{border-top:1px solid var(--color-black);border-bottom:1px solid var(--color-black);padding:.6875rem 0}.prep-method__method-description p{margin:0;font-weight:400;font-size:.75rem;line-height:1.4;color:#221f1f;text-align:left}.prep-method__method-steps{display:flex;gap:.625rem}@media print,screen and (min-width:64em){.prep-method__method-steps{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}.prep-method__method-steps--with_image{flex-wrap:wrap}@media print,screen and (min-width:64em){.prep-method__method-steps--with_image{flex-wrap:nowrap}}.prep-method__method-steps--with_image .prep-method__step-row{display:none}.prep-method__method-steps--with_image .prep-method__step-item{flex:0 0 calc(50% - .3125rem);max-width:none}@media print,screen and (min-width:64em){.prep-method__method-steps--with_image .prep-method__step-item{flex:1 1 0;max-width:241px}}.prep-method__method-steps--text .prep-method__step-card{display:none}.prep-method__method-steps--text{flex-direction:column;gap:0;padding-top:.625rem}.prep-method__method-steps--text .prep-method__step-item{max-width:100%}.prep-method__step-item{counter-increment:htb-step;flex:1 1 0;max-width:241px}.prep-method__step-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.prep-method__step-card{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.08);border-radius:.625rem;overflow:hidden;background-color:#fff;height:100%}@media print,screen and (min-width:64em){.prep-method__step-card{flex:1 0 0;min-width:0}}.prep-method__step-card-img{position:relative;width:100%;aspect-ratio:178/116;background-color:#f6f7ff;border-bottom:1px solid rgba(0,0,0,.08);overflow:hidden;flex-shrink:0}.prep-method__step-card-img img{width:100%;height:100%;object-fit:cover;display:block}.prep-method__step-card-img--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.prep-method__step-card-img--placeholder svg{width:40%;height:40%;opacity:.2}.prep-method__step-card-content{flex:1;display:flex;flex-direction:column;gap:.875rem;justify-content:space-between;padding:.4375rem .625rem .625rem}.prep-method__step-label{display:block;font-family:var(--custom-font-name-3);font-weight:400;font-style:normal;font-size:.5625rem;color:#0000004d;text-transform:uppercase;text-align:left;line-height:.75rem}.prep-method__step-label:before{content:"Step " counter(htb-step)}.prep-method__step-row{display:flex;align-items:flex-start;gap:.4375rem;padding:.625rem 0}.prep-method__step-badge{flex-shrink:0;width:1.1875rem;height:1.1875rem;background-color:#2a2857;border-radius:.59375rem;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-weight:400;font-style:normal;font-size:.625rem;color:#fffefb;text-align:center;line-height:1}.prep-method__step-badge:before{content:counter(htb-step)}.prep-method__step-desc{margin:0;font-weight:400;font-size:.75rem;font-family:var(--custom-font-name-4);line-height:1.4;color:#221f1f;text-align:left}.prep-method__method-tip{display:flex;align-items:center;gap:.5625rem;padding:.5625rem 0;border-top:1px solid rgba(133,167,240,.15);margin-top:auto}.prep-method__tip-icon{display:flex;align-items:center;flex-shrink:0;width:1rem;height:1rem}.prep-method__tip-icon svg{width:100%;height:100%}.prep-method__tip-label{font-family:var(--custom-font-name-3);font-weight:400;font-size:.875rem;text-transform:uppercase;color:#201c1a;white-space:nowrap;flex-shrink:0}.prep-method__tip-text{font-weight:400;font-size:.75rem;font-family:var(--custom-font-name-4);line-height:1;color:#221f1f;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htb-build-drink-container,.htb-build-drink{width:100%}.htb-build-drink__grid{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.htb-build-drink__card-1-wrapper{width:100%}@media print,screen and (min-width:40em){.htb-build-drink__card-1-wrapper{width:calc((100% - 1rem)/2)}}@media print,screen and (min-width:64em){.htb-build-drink__card-1-wrapper{width:auto;flex:0 0 24.75rem}}.htb-build-drink__card-1-card{width:100%;border:1px solid #221f1f;border-radius:.625rem;overflow:hidden;display:flex;flex-direction:column;background-color:#fff;height:100%}.htb-build-drink__card-1-img{position:relative;width:100%;aspect-ratio:394/306;overflow:hidden;flex-shrink:0;border-bottom:.0625rem solid var(--color-black)}.htb-build-drink__card-1-img img{width:100%;height:100%;object-fit:cover;display:block}.htb-build-drink__card-1-img--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.htb-build-drink__card-1-img--placeholder svg{width:40%;height:40%;opacity:.3}.htb-build-drink__card-1-body{padding:1rem;display:flex;flex-direction:column;gap:.625rem;text-align:left}.htb-build-drink__card-1-title{margin:0;font-weight:400;font-size:1rem;font-family:var(--custom-font-name-4);line-height:1.2;letter-spacing:-.18px;color:#221f1f}.htb-build-drink__card-1-desc{margin:0;font-family:var(--custom-font-name-4);font-weight:400;font-size:.75rem;line-height:1.45;color:#221f1f}.htb-build-drink__card-product-btn{display:flex;align-items:center;justify-content:center;width:100%;height:3.75rem;padding:.4375rem 1.4375rem;background:var(--section-primary-button-bg);color:var(--section-primary-button-text);border:.0625rem solid var(--color-black);border-radius:.625rem;font-family:FK Grotesk,sans-serif;font-size:1rem;font-weight:400;text-decoration:none;text-align:center;-moz-transition:all .2s cubic-bezier(.5,0,0,1);-o-transition:all .2s cubic-bezier(.5,0,0,1);-webkit-transition:all .2s cubic-bezier(.5,0,0,1);transition:all .2s cubic-bezier(.5,0,0,1)}@media screen and (pointer:fine){.htb-build-drink__card-product-btn:hover{background:var(--section-primary-button-bg-hover);color:var(--section-primary-button-text-hover)}}.htb-build-drink__card-product-btn:focus-visible,.htb-build-drink__card-product-btn:focus-within{background:var(--section-primary-button-bg-hover);color:var(--section-primary-button-text-hover)}.htb-build-drink__card-product-btn:active{transform:scale(.95)}.htb-build-drink__card-2-wrapper{width:100%}@media print,screen and (min-width:40em){.htb-build-drink__card-2-wrapper{width:calc((100% - 1rem)/2)}}@media print,screen and (min-width:64em){.htb-build-drink__card-2-wrapper{width:auto;flex:0 0 24.75rem}}.htb-build-drink__card-2{width:100%;border:1px solid #221f1f;border-radius:.625rem;overflow:hidden;display:flex;flex-direction:column;background-color:#fff;height:100%}.htb-build-drink__card-2-img{position:relative;width:100%;aspect-ratio:394/234;overflow:hidden;flex-shrink:0;border-bottom:.0625rem solid var(--color-black)}.htb-build-drink__card-2-img img{width:100%;height:100%;object-fit:cover;display:block}.htb-build-drink__card-2-img--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.htb-build-drink__card-2-img--placeholder svg{width:40%;height:40%;opacity:.3}.htb-build-drink__card-2-body{padding:1rem;display:flex;flex-direction:column;gap:.625rem;text-align:left;height:100%}.htb-build-drink__card-2-main{display:flex;flex-direction:column;gap:.625rem;margin-top:auto}.htb-build-drink__card-2-header{display:flex;align-items:center;gap:.625rem}.htb-build-drink__card-2-tag{display:inline-flex;align-items:center;justify-content:center;height:2.875rem;padding:.875rem .625rem;border:1px solid #201c1a;border-radius:.75rem;overflow:hidden;flex-shrink:0;font-family:FK Grotesk,sans-serif;font-weight:400;font-size:1rem;line-height:1.2;letter-spacing:-.18px;color:#221f1f;white-space:nowrap}.htb-build-drink__card-2-title{margin:0;font-family:var(--custom-font-name-1);font-weight:200;font-style:normal;font-size:2rem;line-height:1.15;letter-spacing:-.16px;color:#201c1a}.htb-build-drink__card-2-desc{font-size:var(--font-body-size-regular-mobile)}@media print,screen and (min-width:64em){.htb-build-drink__card-2-desc{font-size:var(--font-body-size-regular)}}.htb-build-drink__card-2-desc{margin:0;font-weight:400;line-height:1.45;color:#221f1f}.htb-build-drink__card-2-desc--small{font-size:.75rem;font-family:var(--custom-font-name-4)}.htb-build-drink__card-2-steps{display:flex;flex-direction:column;gap:.625rem;padding-top:.625rem;counter-reset:htb-card2-step}.htb-build-drink__card-2-step{counter-increment:htb-card2-step}.htb-build-drink__card-2-step:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.htb-build-drink__card-2-step-item{display:flex;align-items:center;gap:.4375rem;padding-bottom:.625rem;font-family:var(--custom-font-name-4)}.htb-build-drink__card-2-step-badge{flex-shrink:0;width:1.1875rem;height:1.1875rem;background-color:#2a2857;border-radius:.59375rem;display:flex;align-items:center;justify-content:center;font-weight:400;font-style:normal;font-size:.625rem;color:#fffefb;text-align:center}.htb-build-drink__card-2-step-badge:before{content:counter(htb-card2-step)}.htb-build-drink__card-2-step-text{margin:0;font-family:FK Grotesk,sans-serif;font-weight:400;font-size:.75rem;line-height:1.4;color:#221f1f}
/*# sourceMappingURL=/cdn/shop/t/199/assets/mfr-tl__how-to-brew.css.map */