/* Progressive motion: the document remains visible without JavaScript. */
.fx-ready .reveal-target{opacity:0;transform:translate3d(0,26px,0);transition:opacity .65s ease,transform .8s cubic-bezier(.22,.8,.22,1);transition-delay:var(--reveal-delay,0ms)}
.fx-ready .reveal-target.is-revealed{opacity:1;transform:translate3d(0,0,0)}
#prods{perspective:1200px}
#prods>.prod{--drift:0px;--scroll-turn:0deg;--tilt-x:0deg;--tilt-y:0deg;--lift:0px;--entry:0px;position:relative;transform:translate3d(0,calc(var(--drift) + var(--lift) + var(--entry)),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--scroll-turn));transform-origin:50% 60%;transition:transform .38s cubic-bezier(.22,.8,.22,1),opacity .65s ease,box-shadow .3s ease;backface-visibility:hidden}
.fx-ready #prods>.prod.reveal-target{--entry:34px;opacity:0}
.fx-ready #prods>.prod.is-revealed{--entry:0px;opacity:1}
#prods>.prod:hover,#prods>.prod:focus-within{--lift:-8px;box-shadow:8px 12px 0 var(--honey)}
#prods>.prod .sw i{transition:transform .55s cubic-bezier(.22,.8,.22,1)}
#prods>.prod:hover .sw i,#prods>.prod:focus-within .sw i{transform:rotate(-6deg) scale(1.04)}
@media(hover:none){#prods>.prod:hover{--lift:0px;box-shadow:5px 6px 0 var(--honey)}}
@media(prefers-reduced-motion:reduce){.fx-ready .reveal-target{opacity:1;transform:none;transition:none}#prods>.prod,#prods>.prod:hover,#prods>.prod:focus-within{opacity:1!important;transform:none!important;transition:none}#prods>.prod .sw i{transform:none!important;transition:none}}