.zhp:not(#z) .why-img.in .badge-f{animation:zBob 5s ease-in-out 2s infinite}.zhp:not(#z) .why-img.in .chip2{animation:zBob 5.5s ease-in-out 2.4s infinite reverse}.zhp:not(#z).js .why-img[data-a]{transform:none}.zhp:not(#z).js .why-img[data-a] .ph{clip-path:inset(0 100% 0 0 round var(--r));transition:clip-path 1.3s cubic-bezier(.77,0,.18,1) .1s}.zhp:not(#z).js .why-img[data-a] .ph img{transform:scale(1.22);transition:transform 1.8s var(--ease) .1s}.zhp:not(#z).js .why-img[data-a] .frame{opacity:0;transform:translate(-18px,-18px);transition:opacity .8s .7s,transform .9s var(--ease) .7s,inset .6s var(--ease)}.zhp:not(#z).js .why-img[data-a] .badge-f{opacity:0;transform:translateY(24px) scale(.9);transition:opacity .6s 1s,transform .7s var(--ease) 1s}.zhp:not(#z).js .why-img[data-a] .chip2{opacity:0;transform:translateY(-20px) scale(.9);transition:opacity .6s 1.2s,transform .7s var(--ease) 1.2s}.zhp:not(#z).js .why-img[data-a].in .ph{clip-path:inset(0 0 0 0 round var(--r))}.zhp:not(#z).js .why-img[data-a].in .ph img{transform:scale(1)}.zhp:not(#z).js .why-img[data-a].in:hover .ph img{transform:scale(1.05);transition:transform 1.2s var(--ease)}.zhp:not(#z).js .why-img[data-a].in .frame,.zhp:not(#z).js .why-img[data-a].in .badge-f,.zhp:not(#z).js .why-img[data-a].in .chip2{opacity:1;transform:none}html:not(.zready) .zhp:not(#z).js .why-img[data-a] .ph{animation:zClipShow 1s ease 1.2s forwards}html:not(.zready) .zhp:not(#z).js .why-img[data-a] .ph img,html:not(.zready) .zhp:not(#z).js .why-img[data-a] .frame,html:not(.zready) .zhp:not(#z).js .why-img[data-a] .badge-f,html:not(.zready) .zhp:not(#z).js .why-img[data-a] .chip2{animation:zShowFallback .8s ease 1.2s forwards}@media (prefers-reduced-motion:reduce){.zhp:not(#z).js .why-img[data-a] .ph{clip-path:none}.zhp:not(#z) .why-img.in .badge-f,.zhp:not(#z) .why-img.in .chip2{animation:none}}