.kbbq-process{position:relative;overflow:hidden;background:#2b2622;color:#fefdfa;padding:56px 0;font-family:Geist,Helvetica Neue,Arial,sans-serif}.kbbq-process__glow{position:absolute;width:900px;height:900px;border-radius:50%;pointer-events:none;transition:transform 1s cubic-bezier(.76,0,.24,1),opacity 1s ease}.kbbq-process__glow--red{top:-380px;left:-260px;background:radial-gradient(closest-side,rgba(198,24,25,.3),transparent 70%)}.kbbq-process__glow--sand{right:-320px;bottom:-420px;background:radial-gradient(closest-side,rgba(239,228,210,.12),transparent 70%)}.kbbq-process[data-active=baram] .kbbq-process__glow--red{transform:translate(55vw,25vh) scale(1.2);opacity:.8}.kbbq-process[data-active=baram] .kbbq-process__glow--sand{transform:translate(-40vw,-20vh) scale(1.1)}.kbbq-process__inner{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.kbbq-process__head{text-align:center}.kbbq-process__title{margin:0;color:#fefdfa;font-size:40px;font-weight:400;line-height:100%;letter-spacing:-.01em}.kbbq-process__sub{margin:16px auto 0;max-width:460px;font-size:16px;font-weight:500;line-height:130%;color:#fefdfab3}.kbbq-process__switch{position:relative;display:flex;width:fit-content;margin:28px auto 36px;padding:6px;border:1px solid #ffffff1f;border-radius:100px;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.kbbq-process__switch-pill{position:absolute;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:100px;background:#c61819;transition:transform .5s cubic-bezier(.33,1,.68,1)}.kbbq-process[data-active=baram] .kbbq-process__switch-pill{transform:translate(100%)}.kbbq-process__tab{position:relative;z-index:1;width:190px;padding:12px 8px;border:0;background:none;color:#fefdfa99;font-family:inherit;font-size:14px;font-weight:500;line-height:100%;cursor:pointer;transition:color .3s ease}.kbbq-process__tab[aria-selected=true]{color:#fff}.kbbq-process__stage{display:grid}.kbbq-process__panel{grid-area:1 / 1;position:relative;display:grid;grid-template-columns:repeat(var(--kbbq-steps, 3),1fr);align-content:start;gap:24px;padding-top:8px;opacity:0;transform:translateY(24px);visibility:hidden;pointer-events:none;transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}.kbbq-process[data-active=madang] .kbbq-process__panel[data-flow=madang],.kbbq-process[data-active=baram] .kbbq-process__panel[data-flow=baram]{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .5s ease .05s,transform .5s ease .05s,visibility 0s}.kbbq-process__line{position:absolute;top:29px;left:var(--kbbq-line-inset, 16.6%);right:var(--kbbq-line-inset, 16.6%);height:2px;background:linear-gradient(90deg,#c61819,#efe4d2);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.kbbq-process__panel.is-live .kbbq-process__line{animation:kbbq-process-line 1s cubic-bezier(.33,1,.68,1) .2s both}@keyframes kbbq-process-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.kbbq-process__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 8px;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .4s ease,transform .4s ease}.kbbq-process__panel.is-live .kbbq-process__step{animation:kbbq-rise .6s cubic-bezier(.33,1,.68,1) both;animation-delay:calc(var(--kbbq-step-i, 1) * .12s + .1s)}.kbbq-process__node{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:100px;background:#c61819;color:#fff;font-size:16px;font-weight:500;line-height:100%;box-shadow:0 0 0 6px #c618192e;transition:transform .3s cubic-bezier(.33,1,.68,1),box-shadow .3s ease}.kbbq-process__step:hover .kbbq-process__node{transform:scale(1.12);box-shadow:0 0 0 10px #c6181938}.kbbq-process__step-media{width:100%;max-width:240px;overflow:hidden;border:1px solid #ffffff1f;border-radius:16px;aspect-ratio:4 / 3;background:#1a130d}.kbbq-process__step-media img,.kbbq-process__step-media video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.33,1,.68,1)}.kbbq-process__step:hover .kbbq-process__step-media img,.kbbq-process__step:hover .kbbq-process__step-media video{transform:scale(1.05)}.kbbq-process__step-title{font-size:20px;font-weight:500;line-height:100%}.kbbq-process__step-text{max-width:260px;font-size:14px;font-weight:400;line-height:130%;color:#fefdfab3}@media(max-width:991px){.kbbq-process__title{font-size:36px}}@media(max-width:767px){.kbbq-process{padding:48px 0}.kbbq-process__title{font-size:34px}.kbbq-process__switch{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 32px);max-width:400px;margin-bottom:32px}.kbbq-process__tab{width:auto;min-width:0;padding:10px 8px;font-size:13px}.kbbq-process__tab-name,.kbbq-process__tab-count{display:block}.kbbq-process__tab-count{margin-top:4px;font-size:11px;opacity:.75}.kbbq-process__tab-dot{display:none}.kbbq-process__panel{grid-template-columns:1fr;gap:32px}.kbbq-process__line{display:none}.kbbq-process__stage{position:relative}.kbbq-process__panel{position:absolute;top:0;left:0;right:0}.kbbq-process[data-active=madang] .kbbq-process__panel[data-flow=madang],.kbbq-process[data-active=baram] .kbbq-process__panel[data-flow=baram]{position:relative}}@media(prefers-reduced-motion:reduce){.kbbq-process__glow,.kbbq-process__switch-pill,.kbbq-process__panel,.kbbq-process__node{transition:none}.kbbq-process__panel.is-live .kbbq-process__line,.kbbq-process__panel.is-live .kbbq-process__step{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/kbbq-process.css.map */