.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0s);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translate(-44px)}.reveal--right{transform:translate(44px)}.reveal--left.is-visible,.reveal--right.is-visible{transform:translate(0)}.reveal--scale{transform:scale(.92)}.reveal--scale.is-visible{transform:scale(1)}.hero__heading .hero-line{display:block;overflow:hidden}.hero__heading .hero-line>span{display:block;transform:translateY(110%);animation:hero-slam .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--line-i, 0) * .12s + .15s)}@keyframes hero-slam{to{transform:translateY(0)}}.hero__sub,.hero__ctas,.hero .eyebrow{opacity:0;animation:hero-fade .9s ease forwards}.hero .eyebrow{animation-delay:.1s}.hero__sub{animation-delay:.55s}.hero__ctas{animation-delay:.7s}@keyframes hero-fade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero__media img{animation:hero-zoom 14s ease-out forwards;transform-origin:center}@keyframes hero-zoom{0%{scale:1.12}to{scale:1}}.hero__media,.story-banner__media{transform:translateY(var(--parallax-y, 0));will-change:transform}.tilt{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .18s ease-out}.tilt .tilt-pop{transform:translateZ(46px)}.tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--glare-x, 50%) var(--glare-y, 50%),rgba(237,229,216,.14),transparent 55%);opacity:var(--glare-o, 0);pointer-events:none;transition:opacity .25s ease}.bag-spin{position:relative;border-radius:var(--radius);overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#2a2a31 0%,var(--ink-2) 72%);border:1px solid var(--ink-3);height:min(72vh,640px);display:flex;align-items:center;justify-content:center;perspective:1400px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.bag-spin:active{cursor:grabbing}.bag-spin__inner{position:relative;height:82%;aspect-ratio:666 / 1000;transform-style:preserve-3d;will-change:transform}.bag-spin__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bag-spin__face img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 34px 34px rgba(0,0,0,.55));pointer-events:none}.bag-spin__face--back{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.bag-spin__inner{transform:none!important}}.product-3d__hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--bone-dim);pointer-events:none;animation:hint-pulse 2.4s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.22),transparent);transform:skew(-20deg);transition:left .5s ease}.btn:hover:before{left:160%}.spec-item,.trust-badge,.purchase-option{transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease}.spec-item:hover{transform:translate(6px);border-color:var(--blood)}.faq-item__body{overflow:hidden}.faq-item[open] .faq-item__body{animation:faq-open .35s cubic-bezier(.16,1,.3,1)}@keyframes faq-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cart-count.pop{animation:count-pop .4s cubic-bezier(.16,1,.3,1)}@keyframes count-pop{0%{scale:1}50%{scale:1.55}to{scale:1}}.proof-item__value{transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){.reveal,.reveal--left,.reveal--right,.reveal--scale{opacity:1!important;transform:none!important;transition:none!important}.hero__heading .hero-line>span{animation:none;transform:none}.hero__sub,.hero__ctas,.hero .eyebrow{animation:none;opacity:1}.hero__media img{animation:none}.hero__media,.story-banner__media{transform:none}.tilt{transform:none!important}.btn:before{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/animations.css.map */