.hero{--p: 0;--t1: clamp(0, calc(var(--p) * 2.2), 1);--t2: clamp(0, calc((var(--p) - .42) * 2.4), 1);position:relative;overflow:clip}.hero__stage{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:calc(var(--header-h) + var(--pt, 0) * 1px) var(--page-margin) var(--s-12)}html.motion .hero{height:calc(var(--scene-len, 300) * 1svh);overflow:clip}html.motion .hero__stage{position:sticky;top:0;height:100svh;min-height:0}.hero__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(62% 52% at 50% 44%,color-mix(in srgb,var(--surface) 92%,var(--bg)) 0%,transparent 72%),radial-gradient(46% 42% at 82% 86%,color-mix(in srgb,var(--accent) 13%,transparent) 0%,transparent 72%),radial-gradient(40% 36% at 12% 14%,color-mix(in srgb,var(--accent) 8%,transparent) 0%,transparent 72%),linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--surface) 55%,var(--bg)) 100%);opacity:calc(1 - var(--t2) * .4)}.hero__intro{position:relative;z-index:4;display:grid;place-items:center;text-align:center;width:100%}.hero__intro-inner{display:grid;justify-items:center;gap:clamp(1rem,2.4vw,1.75rem);max-width:1100px}.hero__title{max-width:14ch}.hero__sub{display:grid;justify-items:center;gap:var(--s-6)}.hero__text{max-width:38ch;color:var(--muted);font-size:clamp(1rem,1.3vw,1.1875rem)}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3)}html.motion .hero__intro{opacity:calc(1 - var(--t1) * 1.5);transform:translate3d(0,calc(var(--t1) * -10svh),0) scale(calc(1 - var(--t1) * .06));will-change:transform,opacity}html.motion .hero[data-active="1"] .hero__intro{visibility:hidden}.hero__visuals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hero__visual{--cx: 50vw;--cy: 50svh;--h: 30svh;--rot: -5deg;--dx: -6;--dy: -14;--depth: .5;--tx: 72vw;--ty: 52svh;--ms: 1;position:absolute;left:var(--cx);top:var(--cy);height:calc(var(--h) * var(--ms));translate:-50% -50%;pointer-events:auto}.hero__visual-inner,.hero__visual-link{display:block;height:100%}.hero__visual-inner{position:relative;animation:hero-float 9s ease-in-out infinite;animation-delay:calc(var(--i, 0) * -2.3s)}.hero__img{display:block;width:auto;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(40,24,16,.2))}.hero__img--packshot{mix-blend-mode:var(--card-blend, multiply);filter:none}.hero__tag{position:absolute;left:50%;top:100%;margin-top:10px;translate:-50% 0;display:none;font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--muted);opacity:calc(1 - var(--t1) * 2)}@media(min-width:990px){.hero__tag{display:block}}.hero__visual--1{--cx: 78vw;--cy: 85svh;--h: 25svh;--rot: 5deg;--dx: -3;--dy: -5;--depth: .25;--tx: 72vw;--ty: 60svh;z-index:3}.hero__visual--2{--cx: 14vw;--cy: 22svh;--h: 24svh;--rot: -7deg;--dx: -9;--dy: -8;--depth: .7}.hero__visual--3{--cx: 17vw;--cy: 81svh;--h: 15svh;--rot: -6deg;--dx: -9;--dy: -8;--depth: .5}.hero__visual--4{--cx: 84vw;--cy: 24svh;--h: 22svh;--rot: 7deg;--dx: 9;--dy: -8;--depth: .6}.hero__visual--5{--cx: 47vw;--cy: 90svh;--h: 16svh;--rot: -2deg;--dx: 0;--dy: -14;--depth: .4}@media(min-width:750px){.hero__visual--1{--cx: 80vw;--cy: 62svh;--h: 50svh;--tx: 74vw;--ty: 52svh}.hero__visual--2{--cx: 13vw;--cy: 30svh;--h: 40svh}.hero__visual--3{--cx: 17vw;--cy: 77svh;--h: 24svh}.hero__visual--4{--cx: 62vw;--cy: 15svh;--h: 25svh}.hero__visual--5{--cx: 90vw;--cy: 24svh;--h: 30svh}}html.motion .hero__visual{--ms: 1.14;transform:translate3d(calc(var(--dx) * var(--t1) * 1vw),calc(var(--dy) * var(--t1) * 1vh - var(--p) * var(--depth) * 36vh),0) rotate(calc(var(--rot) * (1 - var(--t1) * .6))) scale(calc((1 + var(--t1) * .14) / var(--ms)));opacity:calc(1 - var(--t2) * 1.6)}html.motion .hero__visual--1{--ms: 1.53;opacity:1;transform:translate3d(calc(var(--t2) * (var(--tx) - var(--cx))),calc(var(--dy) * var(--t1) * 1svh + var(--t2) * (var(--ty) - var(--cy))),0) rotate(calc(var(--rot) * (1 - var(--t2)))) scale(calc((1 + var(--t1) * .08 + var(--t2) * .45) / var(--ms)))}html.motion .hero:not(.is-ready) .hero__visual-inner{opacity:0;translate:0 60px;scale:.9}html.motion .hero__visual-inner{transition:opacity .85s var(--ease-out) calc(.04s + var(--i, 0) * .05s),translate 1s var(--ease-out) calc(.04s + var(--i, 0) * .05s),scale 1s var(--ease-out) calc(.04s + var(--i, 0) * .05s)}@keyframes hero-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-10px,0) rotate(.6deg)}}.hero__story{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;align-items:center;padding:calc(var(--header-h) + 24px) var(--page-margin) var(--s-12);pointer-events:none}.hero__story-inner{display:grid;gap:var(--s-4);max-width:34rem;justify-items:start}.hero__story-title{font-size:var(--fs-h1)}.hero__story-inner>*{pointer-events:auto}html.motion .hero__story{display:flex;visibility:hidden;opacity:var(--t2);transform:translate3d(0,calc((1 - var(--t2)) * 6svh),0)}html.motion .hero[data-active="1"] .hero__story{visibility:visible}@media(min-width:990px){.hero__story{padding-inline-start:max(var(--page-margin),calc((100vw - var(--page-width, 1440px)) / 2 + var(--page-margin)))}}@media(max-width:989px){html.motion .hero__story{align-items:flex-start;padding-top:calc(var(--header-h) + 8svh)}html.motion .hero__story-inner{max-width:100%}}html:not(.motion) .hero__story{position:static;display:block;padding:var(--s-12) 0 0}html:not(.motion) .hero__stage{display:block;padding-bottom:var(--s-16)}html:not(.motion) .hero__intro{padding-block:12vh 4vh}html:not(.motion) .hero__visuals{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-6);margin-top:var(--s-8)}html:not(.motion) .hero__visual{position:relative;left:auto;top:auto;translate:none;height:min(34svh,260px)}html.fx5-loading .hero__intro{visibility:hidden}html.motion .hero__intro:has([data-split]:not(.is-split)){visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/76/assets/section-hero.css.map */