:root{--zest-ease: cubic-bezier(.16, 1, .3, 1);--zest-rise: 20px}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.hero__media img,.hero .background-media img{animation:zest-hero-settle 1.8s var(--zest-ease) both}@keyframes zest-hero-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}.hero__content-wrapper>*{animation:zest-rise .7s var(--zest-ease) both}.hero__content-wrapper>*:nth-child(1){animation-delay:.05s}.hero__content-wrapper>*:nth-child(2){animation-delay:.16s}.hero__content-wrapper>*:nth-child(3){animation-delay:.27s}.hero__content-wrapper>*:nth-child(4){animation-delay:.38s}@keyframes zest-rise{0%{opacity:0;transform:translateY(var(--zest-rise))}to{opacity:1;transform:translateY(0)}}.product-grid>*,[class*=resource-list__grid]>*{animation:zest-card-rise linear both;animation-timeline:view();animation-range:entry 4% entry 34%}@keyframes zest-card-rise{0%{opacity:0;transform:translateY(var(--zest-rise))}to{opacity:1;transform:translateY(0)}}.collection-links__image :is(img,svg){animation:zest-media-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes zest-media-reveal{0%{opacity:.4;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}}@supports (animation-timeline: view()) and (selector(:has(*))){.shopify-section:has(.product-grid) .section-content-wrapper{animation:none}.shopify-section:has(.email-signup) .section-content-wrapper{animation-name:zest-quiet-fade}@keyframes zest-quiet-fade{0%{opacity:0}to{opacity:1}}}}@media(prefers-reduced-motion:reduce){.hero__media img,.hero .background-media img,.hero__content-wrapper>*,.product-grid>*,[class*=resource-list__grid]>*,.collection-links__image :is(img,svg){animation:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/zest-custom-motion.css.map */