@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.float{animation:floatY 6s var(--ease-soft) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1.4s var(--ease-soft) both}@keyframes heroEntrance{0%{opacity:0;transform:scale(1.12);filter:blur(14px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.grinx-hero__media.entrance{animation:heroEntrance 1.8s var(--ease-soft) both}.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft)}.stagger.in-view>*{opacity:1;transform:none}.stagger.in-view>*:nth-child(1){transition-delay:.05s}.stagger.in-view>*:nth-child(2){transition-delay:.15s}.stagger.in-view>*:nth-child(3){transition-delay:.25s}.stagger.in-view>*:nth-child(4){transition-delay:.35s}.stagger.in-view>*:nth-child(5){transition-delay:.45s}.stagger.in-view>*:nth-child(6){transition-delay:.55s}.stagger.in-view>*:nth-child(7){transition-delay:.65s}@media(prefers-reduced-motion:reduce){.float,.fade-in,.grinx-hero__media.entrance{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/animations.css.map */