.hero-bg{position:absolute;top:-4%;right:0;bottom:0;left:0;z-index:-1;background:#55bbf0 var(--hb-hero-bg) center bottom/cover no-repeat;will-change:transform}.hero{--hb-nav-overlap:82px;position:relative;background:#55bbf0;margin-top:calc(-1 * var(--hb-nav-overlap));padding-top:var(--hb-nav-overlap);overflow:hidden;isolation:isolate}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding-block:clamp(40px,7vw,90px) clamp(60px,8vw,110px)}.hero-copy{min-width:0;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--cream);border:2px solid var(--ink);border-radius:var(--r-pill);padding:7px 14px 7px 8px;font:700 13px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 3px 0 var(--ink)}.eyebrow b{background:var(--cherry);color:#fff;border-radius:var(--r-pill);padding:5px 9px;font-size:11px}.hero h1{font-size:clamp(48px,7.2vw,104px);margin:26px 0 22px}.hero h1 em.s{display:block;font-size:1.02em;line-height:.9;color:var(--cream);-webkit-text-stroke:0;text-shadow:0 3px 0 var(--ink)}.hero h1 .w{display:inline-block}.hero p.lede{font-size:clamp(18px,1.6vw,21px);max-width:34ch;color:var(--ink-2);margin:0 0 30px}.claims{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.blob{font:400 22px/1 var(--f-serif);font-style:italic;padding:12px 20px 13px;border-radius:46% 54% 44% 56%/58% 42%;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink)}.blob.pk{background:var(--pink)}.blob.mt{background:var(--mint);border-radius:55% 45% 60% 40%/45% 60% 40% 55%}.blob.pc{background:var(--peach);border-radius:40% 60% 50% 50%/60% 45% 55% 40%}.stage{position:relative;height:clamp(440px,48vw,620px);perspective:1400px;min-width:0}.float{position:absolute;will-change:transform;pointer-events:none}.hero-heli{position:absolute;left:-92px;top:-96px;width:clamp(84px,8vw,120px);z-index:3;pointer-events:none;animation:heliFly 7s ease-in-out infinite}.fly-balloon{animation:balloonFly 7.5s ease-in-out infinite}@media(max-width:1200px){.hero-heli{left:-20px;top:-100px}}@media(max-width:900px){.hero-heli{left:auto;right:0;top:-74px;width:76px}}@media(prefers-reduced-motion:reduce){.hero-heli,.fly-balloon{animation:none}}.float.gum{height:auto}.gum.far{z-index:1;filter:blur(2.4px) saturate(.9) drop-shadow(0 6px 8px rgba(15,28,46,.12));opacity:.85}.gum.mid{z-index:2;filter:blur(.4px) drop-shadow(0 14px 14px rgba(15,28,46,.2))}.gum.near{z-index:5;filter:drop-shadow(0 26px 22px rgba(15,28,46,.3))}.hero-pack-pair{position:absolute;z-index:3;top:0;right:-5%;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;gap:clamp(2px,1.2vw,16px);pointer-events:auto;filter:drop-shadow(0 28px 24px rgba(15,28,46,.22))}.hero-mini-pack{position:relative;width:clamp(205px,20vw,285px);height:94%;transform-origin:50% 88%;transition:transform .42s cubic-bezier(.16,1,.3,1)}.hero-mini-pack:after{content:"";position:absolute;z-index:-1;left:15%;right:15%;bottom:5%;height:8%;border-radius:50%;background:#0f1c2e3d;filter:blur(16px);transform:scaleX(.9)}.hero-mini-pack.is-apple{transform:translate3d(8%,5%,0) rotate(-8deg)}.hero-mini-pack.is-cola{z-index:2;margin-left:-10%;transform:translate3d(-2%,-2%,0) rotate(7deg)}.hero-model{display:block;width:100%;height:100%;background:transparent;--poster-color:transparent;opacity:0;transition:opacity .42s ease;cursor:grab}.hero-model:active{cursor:grabbing}.hero-model:focus-visible{outline:3px solid var(--cream);outline-offset:-6px;border-radius:18px}.hero-model::part(default-progress-bar),.hero-model::part(default-progress-mask){display:none}.hero-pack-pair.is-ready .hero-model{opacity:1}.hero-pack-pair.is-error:before{content:"48g Sour Apple + Sour Cola";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border:2px solid var(--ink);border-radius:var(--r-pill);background:var(--cream);font:700 13px/1 var(--f-body);color:var(--ink);white-space:nowrap;box-shadow:0 3px 0 var(--ink)}.rating.hero{margin:22px 0 0;background:#ffffffd9;border:2px solid var(--ink);border-radius:var(--r-pill);padding:8px 14px;box-shadow:0 3px 0 var(--ink)}@media(max-width:900px){.hero{--hb-nav-overlap:76px}.hero-grid{grid-template-columns:1fr}.stage{height:390px;order:-1;margin-bottom:-30px}.hero-grid{padding-top:20px}.hero-pack-pair{top:-2%;right:5%;bottom:0;left:5%;gap:0}.hero-mini-pack{width:min(50vw,245px);height:100%}.hero-mini-pack.is-apple{transform:translate3d(10%,6%,0) rotate(-8deg)}.hero-mini-pack.is-cola{margin-left:-16%;transform:translate3d(-2%,-1%,0) rotate(7deg)}}@media(max-width:520px){.blob{font-size:19px}.stage{height:270px;margin-bottom:-8px}.stage .gum{display:none}.stage .fly-balloon{left:2%!important;bottom:5%!important;width:18%!important}.hero-pack-pair{top:-8%;right:0;bottom:0;left:0}.hero-mini-pack{width:46vw;height:100%}.hero-mini-pack.is-apple{transform:translate3d(10%,7%,0) rotate(-8deg)}.hero-mini-pack.is-cola{margin-left:-18%;transform:translate3d(-3%,0,0) rotate(7deg)}}@keyframes heliFly{0%{translate:0 0;rotate:-3deg}30%{translate:4px -4px;rotate:-5deg}60%{translate:6px 2px;rotate:-2deg}to{translate:0 0;rotate:-3deg}}@keyframes balloonFly{0%{translate:0 0;rotate:-2deg}30%{translate:6px -16px;rotate:3deg}60%{translate:-4px -6px;rotate:-3deg}80%{translate:-2px 6px;rotate:1deg}to{translate:0 0;rotate:-2deg}}@media(prefers-reduced-motion:reduce){.hero-mini-pack,.hero-model{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hb-hero.css.map */