[data-animation-style=fade]{--anim-from: none}[data-animation-style=fade-up]{--anim-from: translate3d(0, var(--anim-distance), 0)}[data-animation-style=fade-down]{--anim-from: translate3d(0, calc(var(--anim-distance) * -1), 0)}[data-animation-style=slide-left]{--anim-from: translate3d(calc(var(--anim-distance) * 2), 0, 0)}[data-animation-style=slide-right]{--anim-from: translate3d(calc(var(--anim-distance) * -2), 0, 0)}[data-animation-style=zoom-in]{--anim-from: scale(.9)}[data-animation-style=zoom-out]{--anim-from: scale(1.1)}[data-animation-style=blur]{--anim-from: translate3d(0, calc(var(--anim-distance) * .4), 0);--anim-filter: blur(14px)}[data-animation-style=flip]{--anim-from: perspective(900px) rotateX(24deg) translate3d(0, var(--anim-distance), 0)}html.js[data-animations=on] [data-animate]{opacity:0;transform:var(--anim-from, translate3d(0, var(--anim-distance), 0));filter:var(--anim-filter, none);transition:opacity var(--anim-duration) var(--anim-easing),transform var(--anim-duration) var(--anim-easing),filter var(--anim-duration) var(--anim-easing);transition-delay:calc(var(--anim-order, 0) * var(--anim-stagger))}html.js[data-animations=on] [data-animate].is-visible{opacity:1;transform:none;filter:none}html.js[data-animations=on] [data-animation-style=flip] [data-animate]{transform-origin:50% 100%}html.js[data-animations=on] [data-animation-style=none] [data-animate]{opacity:1;transform:none;filter:none;transition:none}.hover-card{transition:transform var(--hover-duration) var(--anim-easing),box-shadow var(--hover-duration) ease,border-color var(--hover-duration) ease}[data-card-hover=lift] .hover-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #26291f1f}[data-card-hover=tilt] .hover-card:hover{transform:perspective(900px) rotateX(4deg) rotateY(-4deg) translateY(-4px);box-shadow:0 22px 40px #26291f24}[data-card-hover=glow] .hover-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent)}.hover-media img{transition:transform calc(var(--hover-duration) * 2) var(--anim-easing)}[data-image-hover=zoom] .hover-card:hover .hover-media img,[data-image-hover=zoom] .hover-media:hover img{transform:scale(1.06)}[data-image-hover=rotate] .hover-card:hover .hover-media img,[data-image-hover=rotate] .hover-media:hover img{transform:scale(1.08) rotate(1.5deg)}[data-button-hover=lift] .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px color-mix(in srgb,var(--color-accent) 40%,transparent)}[data-button-hover=grow] .btn:hover:not(:disabled){transform:scale(1.05)}[data-button-hover=darken] .btn:hover:not(:disabled){filter:brightness(.88)}[data-button-hover=shine] .btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%);transition:transform calc(var(--hover-duration) * 2) ease;pointer-events:none}[data-button-hover=shine] .btn:hover:after{transform:translate(120%)}.hero__media--ken-burns .hero__img{animation:ken-burns var(--kb-duration, 18s) ease-in-out infinite alternate}@keyframes ken-burns{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.14) translate3d(-2%,-1.5%,0)}}.hero__media--zoom-out .hero__img{animation:hero-zoom-out 1.8s var(--anim-easing) both}@keyframes hero-zoom-out{0%{transform:scale(1.18)}to{transform:scale(1)}}.hero__media--reveal{animation:hero-reveal 1.4s var(--anim-easing) both}.hero__grid--image-left .hero__media--reveal{animation-name:hero-reveal-left}@keyframes hero-reveal{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes hero-reveal-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.hero__media--parallax .hero__img{will-change:transform}@media(prefers-reduced-motion:reduce){html.js[data-animations=on] [data-animate]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.hero__media--ken-burns .hero__img,.hero__media--zoom-out .hero__img,.hero__media--reveal,.announcement__track,.usps__track{animation:none!important}.hero__media--parallax .hero__img{transform:none!important}.hover-card,.hover-media img,.btn{transition:none!important}}html:not([data-animations=on]) .hero__media--ken-burns .hero__img,html:not([data-animations=on]) .hero__media--zoom-out .hero__img,html:not([data-animations=on]) .hero__media--reveal{animation:none}
/*# sourceMappingURL=/cdn/shop/t/5/assets/animations.css.map */