@media(max-width:767.98px){body.template-suffix-matcha-brew-guide .overlay-text__inner{padding-left:clamp(20px,7vw,56px);padding-right:clamp(20px,7vw,56px);padding-bottom:clamp(16px,5vw,40px)}}.overlay-text__title{color:#4f6a4f}.mbg{padding:var(--mbg-pt) 20px var(--mbg-pb)}.mbg *,.mbg *:before,.mbg *:after{box-sizing:border-box}.mbg__container{max-width:1200px;margin:0 auto;container-type:inline-size;container-name:mbg}.mbg__heading{font-family:AkkuratBold!important;font-size:32px;line-height:1.15;color:var(--mbg-heading);margin:0 0 8px}.mbg__heading:last-child{margin-bottom:24px}.mbg__subtext{font-size:16px;line-height:1.4;color:var(--mbg-text);margin:0 0 21px}.mbg__stage{position:relative}.mbg__tabs{position:absolute;top:16px;left:16px;z-index:2;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(45% - 32px)}.mbg__tab{flex-shrink:0;padding:8px 18px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background:transparent;font-size:14px;color:#fff;white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.mbg__tab:hover,.mbg__tab.is-active{background:#fff;border-color:#fff;color:#4a4038}.mbg__select{display:none;appearance:none;-webkit-appearance:none;width:auto;max-width:calc(100% - 32px);padding:9px 40px 9px 18px;border:1px solid rgba(255,255,255,.85);border-radius:999px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;font-size:16px;line-height:1.4;font-weight:700;color:#fff;cursor:pointer;margin-bottom:16px}.mbg__select:hover,.mbg__select:focus{background-color:#fff;border-color:#fff;color:#4a4038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%234a4038' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.mbg__select:focus-visible{outline:2px solid #fff;outline-offset:2px}.mbg--tabs-above .mbg__tabs{position:static;max-width:none;margin-bottom:24px}.mbg--tabs-above .mbg__tab{border-color:var(--mbg-accent);color:var(--mbg-accent)}.mbg--tabs-above .mbg__tab:hover,.mbg--tabs-above .mbg__tab.is-active{background:var(--mbg-accent);border-color:var(--mbg-accent);color:#fff}.mbg__panel{display:none;background:var(--mbg-card-bg);border-radius:16px;overflow:hidden}.mbg__panel.is-active{display:grid;grid-template-columns:45% 1fr}.mbg__media{position:relative;min-width:0;min-height:420px}.mbg__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.mbg__img--placeholder{min-height:320px;background:#d9e2d6}.mbg__detail{padding:32px 36px;overflow-wrap:break-word;min-width:0}.mbg__name{font-size:26px;color:var(--mbg-heading);margin:0 0 8px}.mbg__name-sub{font-size:16px;line-height:1.4;color:var(--mbg-text);margin:-4px 0 16px}.mbg__desc{line-height:1.55;color:var(--mbg-text);margin:0 0 20px}.mbg__desc p{margin:0}.mbg__stats{display:flex;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:20px}.mbg__stat{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:22px 16px;border-right:1px solid rgba(0,0,0,.12)}.mbg__stat:last-child{border-right:0}.mbg__stat-lbl{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--mbg-accent)}.mbg__stat-num{flex:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;line-height:1.1;color:var(--mbg-text)}.mbg__eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mbg-accent);margin:0 0 10px}.mbg__block{margin-bottom:20px}.mbg__need-list ul{columns:3;column-gap:32px;margin:0;padding:0 0 0 18px;font-size:16px;line-height:1.6;color:var(--mbg-text)}.mbg__need-list li{margin-bottom:8px;break-inside:avoid}.mbg__need-list li:last-child{margin-bottom:0}.mbg__need-list p{margin:16px 0 0;font-size:16px;line-height:1.6;color:var(--mbg-text)}.mbg__need-list a{color:var(--mbg-text);text-decoration:underline}.mbg__ol--split ol{columns:2;column-gap:32px}.mbg__ol--split li{break-inside:avoid}.mbg__ol ol{list-style:none!important;counter-reset:step;margin:0;padding:0}.mbg__ol li::marker{content:""}.mbg__ol li{counter-increment:step;position:relative;padding-left:30px;margin-bottom:12px;font-size:16px;line-height:1.5;color:var(--mbg-text);list-style:none!important}.mbg__ol li:before{content:counter(step);position:absolute;left:0;top:0;margin-top:3px;width:20px;height:20px;border:1px solid var(--mbg-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--mbg-accent)}@container mbg (max-width: 900px){.mbg__ol--split ol{columns:1}.mbg__block{margin-bottom:12px}}@container mbg (max-width: 800px){.mbg__panel.is-active{grid-template-columns:1fr}.mbg__media{aspect-ratio:1 / 1;min-height:0}.mbg__detail{padding:24px 20px}.mbg__tabs{display:none}.mbg__select{display:inline-block;position:absolute;top:16px;left:16px;z-index:2;margin-bottom:0}.mbg--tabs-above .mbg__select{position:static;width:100%;max-width:100%;margin-bottom:24px;border-color:var(--mbg-accent);color:var(--mbg-accent)}.mbg--tabs-above .mbg__select:hover,.mbg--tabs-above .mbg__select:focus{background-color:var(--mbg-accent);border-color:var(--mbg-accent);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.mbg--tabs-above .mbg__select:focus-visible{outline-color:var(--mbg-accent)}.mbg__need-list ul{columns:1}}@container mbg (max-width: 480px){.mbg__stat{padding:16px 8px}.mbg__stat-lbl{font-size:12px;letter-spacing:.1em}.mbg__detail{padding:20px 16px}.mbg__stats:has(.mbg__stat:nth-child(4)){display:grid;grid-template-columns:1fr 1fr}.mbg__stats:has(.mbg__stat:nth-child(4)) .mbg__stat{border-right:0}.mbg__stats:has(.mbg__stat:nth-child(4)) .mbg__stat:nth-child(odd){border-right:1px solid rgba(0,0,0,.12)}.mbg__stats:has(.mbg__stat:nth-child(4)) .mbg__stat:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.12)}}@media(max-width:420px){.mbg{padding-left:14px;padding-right:14px}}body.template-suffix-matcha-brew-guide .fcc-title{font-size:32px}body.template-suffix-matcha-brew-guide .fcc-eyebrow{font-size:14px}body.template-suffix-matcha-brew-guide #content .collapsible-tabs__heading{font-size:32px}@media(max-width:767.98px){.mbg__heading,body.template-suffix-matcha-brew-guide .fcc-title{font-size:24px}.mbg__name{font-size:20px}.mbg__stat-lbl{font-size:12px}body.template-suffix-matcha-brew-guide #content .collapsible-tabs__heading{font-size:24px!important}body.template-suffix-matcha-brew-guide #content .collapsible-tabs__text,body.template-suffix-matcha-brew-guide #content .collapsible-tabs__text p,body.template-suffix-matcha-brew-guide #content .collapsible-tabs__text li,body.template-suffix-matcha-brew-guide #content .collapsible-tabs__text a{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/matcha-brew-guide.css.map */