.bloop-hero{--inch: clamp(4.4rem, 6.8vw, 9.6rem);position:relative;display:flex;align-items:center;min-height:var(--hero-h-mobile);background:var(--hero-ground);overflow:hidden;isolation:isolate;perspective:1200px}@media screen and (min-width:750px){.bloop-hero{min-height:var(--hero-h)}}.bloop-hero__sea{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bloop-hero__wave{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;transform-origin:50% 100%;will-change:transform}.bloop-hero__wave svg{width:100%;height:100%;display:block}.bloop-hero__wave--3 path{fill:var(--wave-3)}.bloop-hero__wave--2 path{fill:var(--wave-2)}.bloop-hero__wave--1 path{fill:var(--wave-1)}.bloop-hero__wave--3{--swell: 1.07;animation:bloopTide var(--wave-speed) ease-in-out infinite}.bloop-hero__wave--2{--swell: 1.05;animation:bloopTide calc(var(--wave-speed) * 1.35) ease-in-out infinite;animation-delay:-3s}.bloop-hero__wave--1{--swell: 1.06;animation:bloopTide calc(var(--wave-speed) * .85) ease-in-out infinite;animation-delay:-5s}@keyframes bloopTide{0%,to{transform:scaleY(1)}50%{transform:scaleY(var(--swell))}}.bloop-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform-style:preserve-3d}.bloop-hero__float{position:absolute;margin:0;--spin: 0deg;transform-style:preserve-3d;will-change:transform}.bloop-hero__float-inner{display:block;filter:drop-shadow(0 .3rem .5rem rgba(26,26,26,.28)) drop-shadow(0 2.2rem 2.4rem rgba(26,26,26,.2))}.bloop-hero__float-img{display:block;inline-size:100%;block-size:auto;border-radius:.6rem}.bloop-hero__float--1{inline-size:calc(var(--inch) * 5);--spin: 25deg;inset-inline-start:-2%;inset-block-start:-4%;animation:bloopBobA var(--float-speed) ease-in-out infinite}.bloop-hero__float--2{inline-size:calc(var(--inch) * 4);--spin: -6deg;inset-inline-end:4%;inset-block-end:-18%;animation:bloopBobFlat calc(var(--float-speed) * 1.3) ease-in-out infinite;animation-delay:-2.5s}.bloop-hero__float--3{inline-size:calc(var(--inch) * 4);inset-inline-start:4%;inset-block-end:-2%;animation:bloopBobA calc(var(--float-speed) * .8) ease-in-out infinite;animation-delay:-4s}.bloop-hero__float--2 .bloop-hero__float-inner{--sheet: .22rem;filter:drop-shadow(.07rem var(--sheet) 0 #F7DFD0) drop-shadow(.07rem var(--sheet) 0 rgba(26,26,26,.13)) drop-shadow(.07rem var(--sheet) 0 #F7DFD0) drop-shadow(.07rem var(--sheet) 0 rgba(26,26,26,.13)) drop-shadow(.07rem var(--sheet) 0 #F7DFD0) drop-shadow(.07rem var(--sheet) 0 rgba(26,26,26,.13)) drop-shadow(.07rem var(--sheet) 0 #F7DFD0) drop-shadow(.07rem var(--sheet) 0 rgba(26,26,26,.13)) drop-shadow(0 .4rem .6rem rgba(26,26,26,.26)) drop-shadow(0 2.4rem 2.6rem rgba(26,26,26,.18))}@keyframes bloopBobA{0%,to{transform:translateZ(0) rotateX(var(--tilt)) rotateY(calc(var(--tilt) * -.8)) rotate(calc(var(--spin) - 4deg))}50%{transform:translate3d(0,-2.2rem,0) rotateX(calc(var(--tilt) * -.6)) rotateY(calc(var(--tilt) * .9)) rotate(calc(var(--spin) + 2deg))}}@keyframes bloopBobFlat{0%,to{transform:translateZ(0) rotate(calc(var(--spin) - 1.5deg))}50%{transform:translate3d(0,-1.4rem,0) rotate(calc(var(--spin) + 1.5deg))}}.bloop-hero__note{position:absolute;z-index:2;inset-inline-end:clamp(2rem,5vw,8rem);inset-block-start:clamp(5rem,15vh,14rem);margin:0;font-family:var(--font-accent-family);font-weight:400;font-size:clamp(1.8rem,2.4vw,3.2rem);line-height:1.18;color:var(--hero-note);text-align:end;rotate:var(--note-spin, 15deg)}.bloop-hero__note span{display:block}.bloop-hero__content{position:relative;z-index:2;width:100%;max-width:var(--page-width);margin-inline:auto;padding-block:var(--space-2xl, 6.4rem);padding-inline:var(--space-xl, 4.8rem);color:var(--hero-ink)}.bloop-hero__heading{margin:0;max-width:15ch}.bloop-hero__line{display:block}.bloop-hero__word{display:inline-block;white-space:nowrap}.bloop-hero__space{white-space:pre}.bloop-hero__sub{margin:var(--space-sm, 1.6rem) 0 0;max-width:42ch;font-size:var(--fs-body, 1.7rem);line-height:var(--lh-body, 1.6);color:var(--hero-ink)}.bloop-hero__subline{display:block}.bloop-hero__subspace{display:none}@media screen and (min-width:750px){.bloop-hero__sub{max-width:60ch}.bloop-hero__subline{display:inline}.bloop-hero__subspace{display:inline;white-space:pre}}.bloop-hero__cta{margin-top:var(--space-lg, 3.2rem);display:inline-flex;gap:var(--space-xs, 1.2rem);flex-wrap:wrap}@media screen and (max-width:749px){.bloop-hero__content{padding-block-start:15rem;padding-block-end:var(--space-xl, 4.8rem);padding-inline:var(--space-md, 2.4rem);text-align:start}.bloop-hero__heading,.bloop-hero__sub{margin-inline:0}.bloop-hero__note{inset-inline-end:var(--space-md, 2.4rem);inset-block-start:12rem;font-size:2rem}.bloop-hero__float{animation:none;transform:rotate(var(--spin))}.bloop-hero__float--3{display:none}.bloop-hero__float--1{--spin: -10deg;inset-inline-start:-10%;inset-block-start:-6%}.bloop-hero__float--2{--spin: 25deg;inset-inline-end:-4%;inset-block-end:-14%}}.bloop-hero__char{display:inline-block;font-variation-settings:"opsz" 200,"wght" 870}.bloop-hero--resolve .bloop-hero__char{animation:bloopResolve .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * var(--type-stagger))}@keyframes bloopResolve{0%{font-variation-settings:"opsz" 574,"wght" 150;opacity:.35}to{font-variation-settings:"opsz" 200,"wght" 870;opacity:1}}.bloop-hero--wave .bloop-hero__char{animation:bloopBreathe var(--type-wave) linear infinite;animation-delay:calc((var(--n) - var(--i)) / var(--n) * var(--type-span) * var(--type-wave) * -1)}@keyframes bloopBreathe{0%{font-variation-settings:"opsz" 200,"wght" 870}10%{font-variation-settings:"opsz" 238,"wght" 797}20%{font-variation-settings:"opsz" 338,"wght" 604}30%{font-variation-settings:"opsz" 462,"wght" 366}40%{font-variation-settings:"opsz" 562,"wght" 174}50%{font-variation-settings:"opsz" 600,"wght" 100}60%{font-variation-settings:"opsz" 562,"wght" 174}70%{font-variation-settings:"opsz" 462,"wght" 366}80%{font-variation-settings:"opsz" 338,"wght" 604}90%{font-variation-settings:"opsz" 238,"wght" 797}to{font-variation-settings:"opsz" 200,"wght" 870}}.bloop-hero--paused .bloop-hero__char,.bloop-hero--paused .bloop-hero__wave,.bloop-hero--paused .bloop-hero__float{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.bloop-hero__wave,.bloop-hero__float,.bloop-hero__char,.bloop-hero--wave .bloop-hero__char{animation:none;opacity:1;font-variation-settings:"opsz" 200,"wght" 870}.bloop-hero__float{transform:rotate(var(--spin))}}.bloop-steps{display:block;color:var(--steps-ink)}.bloop-steps__panel{position:relative;isolation:isolate;background-color:var(--steps-panel);border-radius:var(--radius-lg, 1.6rem);padding:var(--space-xl, 4.8rem) var(--space-md, 2.4rem)}.bloop-steps__sea{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none}.bloop-steps__wave{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%}.bloop-steps__wave svg{width:100%;height:100%;display:block}.bloop-steps__wave--3 path{fill:var(--steps-wave-3)}.bloop-steps__wave--2 path{fill:var(--steps-wave-2)}.bloop-steps__wave--1 path{fill:var(--steps-wave-1)}.bloop-steps__heading,.bloop-steps__intro,.bloop-steps__fan{position:relative;z-index:1}.bloop-steps__heading{margin:0;color:var(--steps-ink)}.bloop-steps__intro{margin:var(--space-xs, 1.2rem) 0 0;max-width:52ch;font-size:var(--fs-body, 1.7rem);line-height:var(--lh-body, 1.6);color:var(--steps-ink)}.bloop-steps__fan{list-style:none;margin:var(--space-lg, 3.2rem) 0 0;padding:0;display:flex;gap:var(--space-md, 2.4rem);overflow-x:auto;padding-block:4.8rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bloop-steps__fan::-webkit-scrollbar{display:none}.bloop-steps__card{--lean: calc(var(--side) * var(--jitter) * var(--steps-lean));position:relative;display:flex;flex-direction:column;padding:var(--space-lg, 3.2rem) var(--space-md, 2.4rem);border-radius:var(--radius-lg, 1.6rem);background-color:var(--card);color:var(--steps-ink);box-shadow:0 .2rem .4rem #1a1a1a1a,0 1.6rem 2.4rem #1a1a1a1f}@media screen and (max-width:749px){.bloop-steps__panel{padding-block:var(--space-md, 2.4rem)}.bloop-steps__fan{margin-block-start:var(--space-md, 2.4rem)}.bloop-steps__card{flex:0 0 auto;inline-size:min(66vw,24rem);min-block-size:36rem;scroll-snap-align:center;transform:rotate(var(--lean))}.bloop-steps__label{font-size:2rem}}.bloop-steps__card:focus-visible{outline:.3rem solid var(--steps-ink);outline-offset:.4rem}.bloop-steps__label{margin:0 0 var(--space-xs, 1.2rem);font-family:var(--font-accent-family);font-weight:400;font-size:clamp(2rem,2.2vw,2.8rem);line-height:1;color:var(--steps-ink)}.bloop-steps__art{display:block;margin-block-end:var(--space-md, 2.4rem)}.bloop-steps__art-img{display:block;inline-size:100%;block-size:clamp(7.5rem,8.5vw,10rem);object-fit:contain;object-position:center}.bloop-steps__title{margin:0 0 var(--space-2xs, .8rem);font-size:2rem;font-weight:600;font-variation-settings:"opsz" var(--stadio-opsz-text, 100),"wght" 600;letter-spacing:0;color:var(--steps-ink)}.bloop-steps__body{margin:0;font-size:var(--fs-body, 1.6rem);line-height:1.4;color:var(--steps-ink)}@media screen and (min-width:750px){.bloop-steps__panel{border-radius:2.4rem;padding:var(--space-2xl, 6.4rem);margin-inline:var(--steps-inset)}.bloop-steps__fan{justify-content:center;align-items:stretch;gap:0;overflow:visible;padding-block:0;margin-block-start:var(--space-xl, 4.8rem);perspective:1400px}.bloop-steps__card{flex:1 1 0;min-inline-size:0;max-inline-size:var(--steps-card-w);margin-inline:calc(var(--steps-overlap) * -.5);transform:rotate(var(--lean));transform-origin:50% 90%;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;will-change:transform;z-index:calc(var(--i) + 1)}}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.bloop-steps__card:hover,.bloop-steps__card:focus-within{transform:rotate(0) translateY(-1.8rem) scale(1.04);box-shadow:0 .4rem .8rem #1a1a1a1f,0 3rem 4rem #1a1a1a33;z-index:20}.bloop-steps__card:hover~.bloop-steps__card,.bloop-steps__card:focus-within~.bloop-steps__card{transform:rotate(var(--lean)) translate(var(--steps-split))}.bloop-steps__card:has(~.bloop-steps__card:hover),.bloop-steps__card:has(~.bloop-steps__card:focus-within){transform:rotate(var(--lean)) translate(calc(var(--steps-split) * -1))}}@media(prefers-reduced-motion:reduce){.bloop-steps__card{transition:none}.bloop-steps__card:hover,.bloop-steps__card:focus-within,.bloop-steps__card:hover~.bloop-steps__card,.bloop-steps__card:has(~.bloop-steps__card:hover){transform:rotate(var(--lean))}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map?subset=FA */