.hero{position:relative}.hero.is-enhanced{height:var(--hero-scroll, 330vh)}.hero__sticky{position:relative;height:max(620px,calc(100svh - var(--header-h) - var(--announce-h)));padding-bottom:var(--stage-gap)}.hero.is-enhanced .hero__sticky{position:sticky;top:var(--header-h);height:calc(100svh - var(--header-h));min-height:560px}.hero__stage{height:100%;background:var(--hero-bg);color:var(--ink)}.hero__words{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--hero-words);font-size:clamp(92px,17vw,300px);line-height:.8;text-align:center;pointer-events:none;will-change:transform}.hero__words span{display:block;white-space:nowrap}.hero:not(.is-enhanced) .pack-img--1{animation:heroPackIn 1.4s var(--ease) both,heroFloat 5s 1.4s ease-in-out infinite}@keyframes heroPackIn{0%{opacity:0;translate:0 30%;rotate:-8deg}}@keyframes heroFloat{50%{translate:0 -2%;rotate:1.5deg}}.hero__ings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hero__ing{position:absolute;left:var(--x);top:var(--y);width:var(--size);transform:translate(-50%,-50%) translate(calc(var(--mx, 0) * var(--depth) * 22px + (var(--spread, 1) - 1) * var(--ox) * 1vw),calc(var(--my, 0) * var(--depth) * 22px + (var(--spread, 1) - 1) * var(--oy) * 1vh)) rotate(var(--r));opacity:var(--ing-o, 1);animation:ingPop .9s calc(.35s + var(--i) * .07s) var(--ease-bounce) backwards}.hero__ing--front{z-index:4}.hero__ing svg{width:100%;height:auto;overflow:visible;animation:ingFloat calc(4.2s + var(--i) * .45s) ease-in-out infinite alternate;filter:drop-shadow(0 8px 6px rgba(40,24,6,.18))}@keyframes ingPop{0%{opacity:0;scale:.1;rotate:-40deg}}@keyframes ingFloat{to{translate:0 -14px;rotate:10deg}}.hero__copy{position:absolute;z-index:5;left:var(--gutter);bottom:clamp(28px,6vh,70px);max-width:min(560px,44vw);display:grid;gap:18px;justify-items:start;will-change:transform,opacity}.hero__title{font-size:clamp(54px,5.9vw,108px);line-height:.84}.hero__title span{display:block}.hero__title-accent{color:var(--butter);-webkit-text-stroke:clamp(2px,.22vw,3.5px) var(--ink);paint-order:stroke fill}.hero__sub{font-size:clamp(16px,1.3vw,19px);font-weight:500;max-width:30ch;margin:0}.hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.hero__facts{position:absolute;z-index:5;right:var(--gutter);top:50%;transform:translateY(-50%);width:clamp(200px,17vw,260px);list-style:none;margin:0;padding:0;will-change:opacity,transform}.hero__facts li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 2px;border-bottom:2px solid var(--ink);font:700 13px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.hero__facts li .icon{width:18px;height:18px}.hero__facts .hero__rating{display:grid;gap:8px;border:0;letter-spacing:.04em;text-transform:none;font-size:14px}.hero__mid{position:absolute;z-index:5;left:var(--gutter);top:50%;max-width:min(620px,46vw);opacity:0;transform:translateY(-50%);pointer-events:none}.hero__mid h2{margin-bottom:18px}.hero__crew{position:absolute;z-index:5;top:clamp(20px,6vh,64px);left:0;right:0;text-align:center;opacity:0;pointer-events:none}.hero__labels{position:absolute;z-index:6;left:0;right:0;bottom:clamp(24px,14vh,140px);height:50px;opacity:0;pointer-events:none}.hero__labels.is-live{pointer-events:auto}.hero__label{position:absolute;top:0;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:var(--r-pill);background:var(--butter);border:2px solid var(--ink);font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 4px 0 var(--ink);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.hero__label:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 7px 0 var(--ink)}.hero__label--2{left:20%}.hero__label--3{left:80%}.hero__label-dot{width:16px;height:16px;border-radius:50%;background:var(--c);border:2px solid var(--ink)}.hero__label-price{font-weight:600;opacity:.7}.hero__mascot{position:absolute;z-index:6;right:clamp(8px,2.5vw,40px);bottom:-10px;width:clamp(84px,10vw,160px);transform-origin:50% 100%;animation:heroMascot 3.6s ease-in-out infinite;pointer-events:none}@keyframes heroMascot{0%,to{rotate:-4deg}50%{rotate:5deg;translate:0 -6px}}.hero__hint{position:absolute;z-index:5;left:50%;bottom:calc(18px + var(--announce-h));transform:translate(-50%);display:none;align-items:center;gap:10px;font:700 11px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase}.hero.is-enhanced .hero__hint{display:inline-flex}.hero__hint i{width:36px;height:2px;background:var(--ink);position:relative;overflow:hidden}.hero__hint i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--butter);animation:hint 1.6s var(--ease) infinite}@keyframes hint{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:749px){.hero.is-enhanced{height:var(--hero-scroll-m, 230vh)}.hero__words{justify-content:flex-start;padding-top:7vh;font-size:25vw}.pack-img{height:46%}.hero:not(.is-enhanced) .pack-img{top:42%}.hero__copy{left:var(--gutter);right:var(--gutter);max-width:none;bottom:calc(20px + var(--announce-h));gap:12px}.hero__title{font-size:clamp(46px,13.2vw,66px)}.hero__ctas .btn{flex:1;min-height:50px;padding:0 14px;font-size:12px}.hero__facts,.hero__hint{display:none!important}.hero__mid{left:var(--gutter);right:var(--gutter);max-width:none;top:auto;bottom:26px;transform:none}.hero__mid h2{font-size:52px;margin-bottom:10px}.hero__mid .lede{font-size:15px}.hero__crew{top:5vh}.hero__crew h2{font-size:40px}.hero__labels{display:flex;justify-content:center;gap:6px;height:auto;bottom:24px;padding-inline:10px}.hero__label{position:static;transform:none;font-size:12px;padding:8px 10px 8px 8px;gap:6px}.hero__label:hover{transform:translateY(-2px)}.hero__label-price{display:none}.hero__label--2{order:-1}.hero__label-dot{width:12px;height:12px}.hero__mascot{width:72px;right:6px;bottom:auto;top:38%}.hero__ing{width:calc(var(--size) * .68)}.hero__ing:nth-child(4),.hero__ing:nth-child(7),.hero__ing:nth-child(8){display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hero.css.map */