.tbd{display:block;border:2px dashed var(--ember);border-radius:var(--radius-sm);background:#c3423f0f;padding:10px 14px;font-family:var(--body);font-size:var(--fs-sm);font-weight:500;line-height:1.5;color:var(--brick)}.tbd:before{content:"To fill: ";font-family:var(--display);font-size:var(--fs-xs);text-transform:uppercase}.guide-kicker{display:block;font-family:var(--display);font-size:var(--fs-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--ember);margin:0 0 10px}.guide-h2{font-family:var(--display);font-size:var(--fs-h2);font-weight:400;line-height:1.08;text-transform:uppercase;color:var(--ink);margin:0 0 14px;text-wrap:balance}.guide-intro{font-size:var(--fs-lede);line-height:1.55;color:var(--muted);max-width:56ch;margin:0}.guide-head{border-top:4px solid var(--ember);padding-top:28px;margin-bottom:40px}.guide-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s var(--ease-out),opacity .2s ease}.guide-collapse.is-open{grid-template-rows:1fr;opacity:1}.guide-collapse-inner{min-height:0;overflow:hidden}.sect.sect-guide-hero{position:relative;z-index:0;isolation:isolate;background:var(--cream);padding:120px 20px 44px;overflow:hidden}.guide-hero-stage{position:relative;margin-bottom:24px}.guide-mega-wrap{position:relative}.guide-hero-label{position:relative;z-index:1;font-family:var(--display);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 14px;padding-bottom:12px;border-bottom:4px solid var(--ember)}.guide-mega{font-family:var(--display);font-size:clamp(3.2rem,11.6vw,10.6rem);font-weight:400;line-height:.86;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);margin:0}.guide-mega span{position:relative;z-index:1;display:block}.guide-mega span+span{z-index:3;text-align:right}.guide-mega em{font-style:normal;color:var(--ember)}.guide-fan{position:absolute;z-index:2;top:-70%;right:-2%;width:31%;bottom:24%;pointer-events:none}.guide-fan:after{content:none;position:absolute;left:4%;right:4%;bottom:-2%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(10,10,10,.25),transparent);z-index:-1}.guide-fan img{--x: calc((var(--i) - 2) * 34%);--r: calc((var(--i) - 2) * 6deg);position:absolute;bottom:0;left:50%;width:auto;height:82%;transform-origin:50% 100%;transform:translate(calc(-50% + var(--x))) rotate(var(--r));z-index:calc(10 - (var(--i) - 2) * (var(--i) - 2));filter:drop-shadow(0 18px 22px rgba(10,10,10,.22));animation:guide-tin-in .9s var(--ease-out) both;animation-delay:calc(.15s + var(--i) * 80ms)}.guide-fan img:nth-child(3){height:96%}@keyframes guide-tin-in{0%{opacity:0;transform:translate(calc(-50% + var(--x))) translateY(40px) rotate(calc(var(--r) + 6deg))}}.guide-fan-labels img{--x: calc((var(--i) - 2) * 15%);--r: calc((var(--i) - 2) * 7deg);height:60%;border-radius:6px;filter:drop-shadow(0 16px 20px rgba(10,10,10,.24))}.guide-fan-labels img:nth-child(3){height:70%}.guide-fan-labels{right:-1%}.guide-hero-foot{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:44px;text-align:center}.guide-dek{font-size:var(--fs-lede);line-height:1.5;color:var(--ink);max-width:68ch;margin:0;text-wrap:balance}.guide-hero-btn{min-width:0}.sect.sect-guide{background:var(--paper);padding:56px 20px 80px;scroll-margin-top:140px}.grid-2-guide{display:grid;grid-template-columns:minmax(320px,4fr) 7fr;gap:56px;align-items:start}.guide-controls{margin:0}.guide-step{border:0;margin:0 0 28px;padding:0;min-width:0}.guide-step-head{display:flex;align-items:baseline;gap:10px;padding:0;margin:0 0 12px}.guide-step-num{font-family:var(--display);font-size:var(--fs-xs);color:var(--ember)}.guide-step-title{font-family:var(--display);font-size:1.05rem;text-transform:uppercase;line-height:1.15;color:var(--ink)}.card-essential,.guide-pill,.flex-batch label{margin:0;opacity:1;font-weight:400}.card-essential input,.guide-pill input,.flex-batch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.grid-3-essentials{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card-essential{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:12px 6px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);font-family:var(--body);text-align:center;cursor:pointer;transition:border-color var(--dur-hover) ease,background-color var(--dur-hover) ease,transform var(--dur-press) var(--ease-out)}.card-essential:active{transform:scale(.97)}@media(hover:hover){.card-essential:hover{border-color:var(--muted-smoke)}}.essential-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:6px;border-radius:50%;background:color-mix(in srgb,var(--tin, var(--line)) 12%,var(--paper));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tin, var(--line)) 75%,var(--paper));transition:background-color var(--dur-hover) ease}.essential-icon svg{width:30px;height:30px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.essential-name{font-family:var(--display);font-size:.72rem;text-transform:uppercase;line-height:1.2;color:var(--ink)}.essential-spice{font-size:.72rem;line-height:1.3;color:var(--muted)}.essential-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--ember);fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.5);transition:opacity .16s ease,transform .22s var(--ease-out)}.card-essential:has(input:checked){border-color:var(--ink);background:var(--cream)}.card-essential:has(input:checked) .essential-icon{background:color-mix(in srgb,var(--tin) 26%,var(--paper))}.card-essential input:checked~.essential-check{opacity:1;transform:scale(1)}.card-essential:has(input:focus-visible),.card-essential-all:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.card-essential-all{border-style:dashed;justify-content:center}.card-essential-all .essential-icon{background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line)}.flex-proteins{display:flex;flex-wrap:wrap;gap:6px}.guide-pill span{display:inline-block;padding:7px 13px;border:1px solid var(--line);border-radius:999px;font-size:var(--fs-sm);font-weight:500;line-height:1.2;color:var(--ink);cursor:pointer;transition:background-color var(--dur-hover) ease,border-color var(--dur-hover) ease,color var(--dur-hover) ease}@media(hover:hover){.guide-pill span:hover{border-color:var(--muted-smoke)}}.guide-pill input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--cream)}.guide-pill input:focus-visible+span{outline:2px solid var(--ember);outline-offset:2px}.flex-batch{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.flex-batch label{position:relative;display:block;min-width:0}.flex-batch label+label{border-left:1px solid var(--line)}.flex-batch span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;font-family:var(--display);font-size:.7rem;line-height:1.25;text-transform:uppercase;color:var(--ink);text-align:center;cursor:pointer;transition:background-color var(--dur-hover) ease,color var(--dur-hover) ease}.flex-batch small{font-family:var(--body);font-size:.7rem;text-transform:none;color:var(--muted)}.flex-batch input:checked+span{background:var(--ink);color:var(--cream)}.flex-batch input:checked+span small{color:var(--muted-smoke)}.flex-batch input:focus-visible+span{outline:2px solid var(--ember);outline-offset:-4px}.guide-summary{display:flex;align-items:baseline;gap:16px;min-height:92px;padding-bottom:18px;border-bottom:4px solid var(--ember)}.guide-count{font-family:var(--display);font-size:clamp(3rem,6vw,4.4rem);line-height:1;min-width:1.4ch;color:var(--ink);margin:0}.guide-count-label{font-size:1.05rem;line-height:1.45;color:var(--muted);margin:0;max-width:34ch}.guide-unlock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:16px;padding:16px 20px;background:var(--smoke);border-radius:var(--radius-sm);color:var(--cream)}.guide-unlock p{margin:0;font-size:1.05rem}.guide-unlock strong{font-weight:500;color:#fff}.guide-unlock .btn{min-width:0;padding:10px 22px}.list-blends{list-style:none;margin:0;padding:0}.card-blend{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s var(--ease-out),opacity .22s ease}.card-blend.is-filtered{grid-template-rows:0fr;opacity:0}.card-blend-inner{min-height:0;overflow:hidden;border-bottom:1px solid var(--line)}.card-blend.is-filtered .card-blend-inner{border-bottom-color:transparent}.blend-toggle{display:grid;grid-template-columns:1fr 20px;gap:10px 16px;width:100%;padding:20px 0 18px;background:none;border:0;text-align:left;font-family:var(--body);color:var(--ink);cursor:pointer}.blend-toggle:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.blend-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 20px;grid-column:1}.blend-name{font-family:var(--display);font-size:1.15rem;text-transform:uppercase;line-height:1.15}.blend-for{font-size:var(--fs-sm);color:var(--muted)}.blend-bar{display:flex;gap:3px;height:8px;grid-column:1}.blend-bar>span{position:relative;display:block;min-width:6px;border-radius:2px;background:var(--tin);box-shadow:inset 0 0 0 1px #0a0a0a1a;transition:filter .16s ease,box-shadow .16s ease}.blend-bar>span:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.bar-tip{position:absolute;bottom:calc(100% + 10px);left:50%;z-index:5;padding:6px 10px;border-radius:var(--radius-sm);background:var(--smoke);color:var(--cream);font-size:var(--fs-xs);font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .14s ease,transform .16s var(--ease-out)}.blend-bar>span:first-child .bar-tip{left:0;transform:translateY(4px)}.blend-bar>span:last-child .bar-tip{left:auto;right:0;transform:translateY(4px)}@media(hover:hover){.blend-bar>span:hover{filter:brightness(1.18) saturate(.9);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--tin)}.blend-bar>span:hover .bar-tip{opacity:1;transform:translate(-50%)}.blend-bar>span:first-child:hover .bar-tip,.blend-bar>span:last-child:hover .bar-tip{transform:translate(0)}}.list-blend-rows li{transition:background-color .16s ease}.list-blend-rows li.is-hot{background:var(--cream)}.blend-status{grid-column:1;font-size:var(--fs-sm);font-weight:500;line-height:1.3;min-height:0}.blend-status:empty{display:none}.card-blend.is-ready .blend-status{color:#2f6b3a}.card-blend.is-locked .blend-status{color:var(--brick)}.blend-chevron{grid-column:2;grid-row:1;align-self:center;width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .26s var(--ease-out)}.blend-toggle[aria-expanded=true] .blend-chevron{transform:rotate(180deg)}@media(hover:hover){.blend-toggle:hover .blend-name{color:var(--ember)}}.card-blend .blend-name,.card-blend .blend-bar,.card-blend .blend-recipe{transition:opacity .24s ease,color var(--dur-hover) ease,grid-template-rows .28s var(--ease-out)}.card-blend.is-locked .blend-name,.card-blend.is-locked .blend-bar,.card-blend.is-locked .blend-recipe.is-open{opacity:.45}.list-blend-rows{list-style:none;margin:0;padding:0 0 4px}.list-blend-rows li{display:grid;grid-template-columns:14px 1fr auto 6.5rem;align-items:center;gap:12px;padding:8px 0;border-top:1px dashed var(--line);font-size:1rem;line-height:1.35}.blend-swatch{width:14px;height:14px;border-radius:50%;background:var(--tin);box-shadow:inset 0 0 0 1px #0a0a0a26}.blend-ingredient{display:flex;flex-direction:column;color:var(--ink);font-weight:500;min-width:0}.blend-ingredient small{font-size:var(--fs-xs);font-weight:400;color:var(--muted)}.list-blend-rows li.is-missing .blend-ingredient{color:var(--brick)}.blend-parts{font-size:var(--fs-sm);color:var(--muted)}.blend-amount{text-align:right;font-weight:500;color:var(--ink)}.blend-yield{font-size:var(--fs-sm);color:var(--muted);margin:6px 0 20px}.guide-empty{padding:32px 0;border-bottom:1px solid var(--line);color:var(--muted)}.guide-empty p{margin:0 0 8px;max-width:48ch}.guide-empty-title{font-family:var(--display);font-size:var(--fs-h3);text-transform:uppercase;color:var(--ink)}.sect.sect-guide-tips{position:relative;background:var(--smoke);padding:0}.guide-tips-track{position:relative;height:calc(100vh + 640px)}.guide-tips-stage{position:sticky;top:0;display:flex;align-items:center;justify-content:center;height:100vh;padding:150px 20px 48px;overflow:hidden}.guide-spice-fall{position:absolute;top:-20%;right:0;bottom:-20%;left:0;pointer-events:none;will-change:transform}.spice-bit{position:absolute;top:-6%;display:block;background:center / contain no-repeat;opacity:var(--o, .85);animation:spice-fall var(--d) linear infinite;animation-delay:var(--delay)}@keyframes spice-fall{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(var(--drift),140vh,0) rotate(var(--spin))}}.grid-3-guide-tips{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,400px));gap:32px;justify-content:center;width:100%;margin:0;padding:0;list-style:none}.card-tip{display:flex;flex-direction:column;min-height:460px;padding:34px 32px 36px;border-radius:var(--radius-md);border-top:8px solid var(--accent);background:var(--paper);box-shadow:0 30px 60px -24px #0009;transform:translate3d(0,-115vh,0) rotate(calc(var(--tilt) * 4));transition:transform .72s cubic-bezier(.3,1.45,.55,1),opacity .2s ease}.card-tip.is-in{transform:translateZ(0) rotate(var(--tilt))}.tip-icon{width:92px;height:92px;margin-bottom:auto;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tip-icon .fill{fill:var(--accent);stroke:none}.tip-icon .thin{stroke-width:1.4;stroke:var(--muted)}.tip-icon .handle{stroke-width:5}.tip-num{display:block;margin:28px 0 6px;font-family:var(--display);font-size:4.2rem;line-height:1;color:var(--accent);-webkit-text-stroke:1px rgba(10,10,10,.12)}.guide-tip-title{font-family:var(--display);font-size:1.45rem;font-weight:400;text-transform:uppercase;line-height:1.15;color:var(--ink);margin:0 0 10px}.card-tip p{font-size:1.05rem;line-height:1.6;color:var(--muted);margin:0}.sect.sect-guide-shop{background:var(--paper);padding:72px 20px 80px;scroll-margin-top:140px}.grid-5-guide-shop{display:grid;grid-template-columns:repeat(5,1fr);gap:32px 24px;list-style:none;margin:0 0 24px;padding:0}.card-shop{min-width:0}.card-shop a{display:flex;flex-direction:column;gap:2px;text-decoration:none}.shop-label{display:block;width:100%;height:auto;margin-bottom:14px;border-radius:var(--radius-sm);box-shadow:0 12px 24px -16px #0a0a0a42;transition:transform var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) ease}.shop-tin{display:grid;place-items:center;aspect-ratio:640 / 837;margin-bottom:14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tin) 28%,var(--cream))}.shop-tin svg{width:44%;height:44%;fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.shop-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card-shop .essential-name{font-size:.85rem}.shop-size{font-size:var(--fs-xs);font-weight:500;color:var(--muted);white-space:nowrap}.card-shop .essential-spice{font-size:var(--fs-sm)}.shop-desc{font-size:var(--fs-sm);line-height:1.55;color:var(--muted);margin:10px 0 0}@media(hover:hover){.card-shop a:hover .shop-label{transform:translateY(-4px);box-shadow:0 20px 30px -18px #0a0a0a52}}.sect.sect-guide-brines{background:var(--cream);padding:72px 20px 80px;scroll-margin-top:140px}.grid-3-guide-brines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0 0 48px;padding:0}.card-brine{min-width:0}.card-brine img{display:block;width:100%;height:auto;margin-bottom:16px;border-radius:var(--radius-sm);box-shadow:0 12px 24px -16px #0a0a0a42}.brine-name{font-family:var(--display);font-size:var(--fs-h3);font-weight:400;text-transform:uppercase;line-height:1.15;color:var(--ink);margin:0 0 4px}.brine-for{font-size:var(--fs-sm);line-height:1.5;color:var(--muted);margin:0}.guide-brine-method{border-top:4px solid var(--ember);padding-top:22px;margin-bottom:24px}.brine-method-title{font-family:var(--display);font-size:var(--fs-xs);font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--ember);margin:0 0 18px}.grid-3-brine-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}.grid-3-brine-steps li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.brine-step-num{font-family:var(--display);font-size:2.6rem;line-height:.9;color:var(--ink)}.grid-3-brine-steps p{font-size:1.05rem;line-height:1.5;color:var(--ink);margin:0}.grid-3-brine-steps small{display:block;margin-top:6px;font-size:var(--fs-sm);color:var(--muted)}.sect.sect-guide-collab{background:var(--paper);padding:48px 20px;border-top:1px solid var(--line)}.flex-guide-collab{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 40px;text-align:center}.flex-collab-logos{display:flex;align-items:center;gap:18px}.flex-collab-logos img{display:block;width:auto;height:64px}.collab-plus{font-family:var(--display);font-size:1.6rem;color:var(--muted)}.collab-copy{font-size:1.05rem;line-height:1.55;color:var(--ink);max-width:52ch;margin:0;text-align:left}.collab-copy a{color:var(--ink)}.collab-copy a:hover{color:var(--ember)}@media screen and (max-width:991px){.grid-2-guide{grid-template-columns:1fr;gap:36px}.sect.sect-guide-hero{padding-top:96px}.guide-fan{width:34%}.grid-3-essentials{grid-template-columns:repeat(6,1fr)}.grid-5-guide-shop{grid-template-columns:repeat(3,1fr)}.grid-3-guide-brines{gap:20px}.grid-3-guide-tips{gap:16px}.card-tip{min-height:340px;padding:24px 20px 26px}}@media screen and (max-width:767px){.sect.sect-guide-hero{padding:48px 16px 36px}.guide-hero-label{margin-bottom:10px}.sect.sect-guide,.sect.sect-guide-tips,.sect.sect-guide-shop{padding-left:16px;padding-right:16px}.guide-mega span+span{text-align:left}.guide-fan{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:300px;margin-top:12px}.guide-mega span+span{z-index:1}.guide-hero-foot{margin-top:20px}.grid-3-essentials{grid-template-columns:repeat(3,1fr)}.guide-tips-stage{padding:96px 16px 32px}.grid-3-guide-tips{grid-template-columns:minmax(0,340px);grid-template-areas:"pile"}.card-tip{grid-area:pile;min-height:0}.card-tip:nth-child(2){margin-top:18px}.card-tip:nth-child(3){margin-top:36px}.tip-icon{width:56px;height:56px;margin-bottom:0}.tip-num{margin-top:16px;font-size:2.6rem}.grid-5-guide-shop{grid-template-columns:repeat(2,1fr);gap:28px 16px}.sect.sect-guide-brines,.sect.sect-guide-collab{padding-left:16px;padding-right:16px}.grid-3-guide-brines{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:36px}.brine-name{font-size:.85rem}.brine-for{font-size:var(--fs-xs)}.grid-3-brine-steps{grid-template-columns:1fr;gap:16px}.brine-step-num{font-size:2rem}.collab-copy{text-align:center}.list-blend-rows li{grid-template-columns:14px 1fr auto}.blend-parts{display:none}.guide-summary{min-height:0}}@media(prefers-reduced-motion:reduce){.guide-fan img{animation:none}.guide-tips-track{height:auto}.guide-tips-stage{position:relative;height:auto;padding-top:72px;padding-bottom:72px}.spice-bit{animation:none;display:none}.card-tip{transform:rotate(var(--tilt));transition:none}.guide-collapse,.card-blend,.card-blend .blend-name,.card-blend .blend-bar,.card-blend .blend-recipe,.blend-chevron,.essential-check,.card-essential,.essential-icon,.guide-pill span,.flex-batch span,.shop-tin,.shop-label{transition:none}}@media(prefers-reduced-motion:reduce)and (max-width:767px){.grid-3-guide-tips{grid-template-areas:none;gap:16px}.card-tip{grid-area:auto}.card-tip:nth-child(n){margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bbqq-guide.css.map */