:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-distance: 1.75rem;--motion-duration: .9s}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:.2s ease both motion-fade-out}::view-transition-new(root){animation:.45s var(--ease-out-expo) both motion-fade-in}}@keyframes motion-fade-out{to{opacity:0}}@keyframes motion-fade-in{0%{opacity:0}}.motion-ok main{overflow-x:clip}.motion-ok [data-reveal]{transition:opacity var(--motion-duration) var(--ease-out-expo),transform var(--motion-duration) var(--ease-out-expo);transition-delay:var(--reveal-delay, 0ms)}.motion-ok [data-reveal]:not(.is-revealed){opacity:0;transform:translateY(var(--motion-distance))}.motion-ok [data-reveal=swing-left]:not(.is-revealed){transform:translate(-10%) rotate(-3deg);transform-origin:right bottom}.motion-ok [data-reveal=swing-right]:not(.is-revealed){transform:translate(10%) rotate(3deg);transform-origin:left bottom}.motion-ok [data-reveal=swing-left],.motion-ok [data-reveal=swing-right]{--motion-duration: 1.1s}.motion-ok [data-reveal=fade]:not(.is-revealed){transform:none}.motion-ok [data-reveal=pop]{transition-timing-function:var(--ease-spring);--motion-duration: .7s}.motion-ok [data-reveal=pop]:not(.is-revealed){transform:scale(.4)}@keyframes motion-rise{0%{opacity:0;translate:0 1.5rem}}@keyframes motion-settle{0%{scale:1.08}}.motion-ok :is(.hero:not(.is-motion-bound) .hero-slide:first-child,.hero-slide.is-current) .hero-slide__body>*{animation:motion-rise 1s var(--ease-out-expo) .1s both}.motion-ok :is(.hero:not(.is-motion-bound) .hero-slide:first-child,.hero-slide.is-current) .hero-slide__body>:nth-child(2){animation-delay:.2s}.motion-ok :is(.hero:not(.is-motion-bound) .hero-slide:first-child,.hero-slide.is-current) .hero-slide__body>:nth-child(3){animation-delay:.3s}.motion-ok :is(.hero:not(.is-motion-bound) .hero-slide:first-child,.hero-slide.is-current) .hero-slide__body>:nth-child(4){animation-delay:.42s}.motion-ok :is(.hero:not(.is-motion-bound) .hero-slide:first-child,.hero-slide.is-current) .hero-slide__image{animation:motion-settle 2.6s var(--ease-out-expo) both}.pill-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,rgb(255 255 255 / .3) 50%,transparent 70%) no-repeat;background-size:250% 100%;background-position:150% 0;pointer-events:none}@media(hover:hover){.motion-ok .pill-button:hover:after{animation:motion-shine .9s var(--ease-out-expo)}}@keyframes motion-shine{0%{background-position:150% 0}to{background-position:-60% 0}}@keyframes motion-bump{0%{scale:1}30%{scale:1.3}55%{scale:.9}to{scale:1}}.motion-ok .site-header__cart.is-bumping svg,.motion-ok .site-header__cart.is-bumping .site-header__cart-count{animation:motion-bump .65s var(--ease-spring)}.story{position:relative;max-width:70rem;margin-inline:auto;padding-block:clamp(1rem,5vw,4.5rem);text-align:center}.story__eyebrow{margin-bottom:1.25rem}.story__statement{margin:0 auto;font-family:var(--font-heading--family);font-size:clamp(2.5rem,7.2vw,6rem);font-weight:var(--font-heading--weight);line-height:.98;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}.story__word{--w: 1;position:relative;display:inline-block;opacity:calc(.16 + .84 * var(--w))}.motion-ok .is-filling .story__word{--w: 0}.story__cta{margin-top:2rem}.ribbon{margin-top:var(--section-gap);overflow:hidden;pointer-events:none}.ribbon__svg{display:block;width:max(100%,62rem);height:auto;margin-left:50%;translate:-50% 0}.ribbon__band{fill:none;stroke:var(--brand);stroke-width:88}.ribbon__text{fill:var(--brand-foreground);font-family:var(--font-heading--family);font-size:52px;letter-spacing:.03em;text-transform:uppercase;white-space:pre}
/*# sourceMappingURL=/cdn/shop/t/57/assets/motion.css.map */