.fxm .hero-shot{animation:none}.fxm .hero-shot img{opacity:0;animation:none}.fxm .hero-shot.fx-on img{animation:fxReveal 2.4s .1s cubic-bezier(.3,.6,.2,1) both}@keyframes fxReveal{0%{filter:brightness(0) contrast(1.3) drop-shadow(0 30px 40px rgba(0,0,0,.55));transform:scale(1.035);opacity:0}12%{opacity:1}55%{filter:brightness(.55) contrast(1.15) drop-shadow(0 30px 40px rgba(0,0,0,.55))}to{filter:brightness(1) contrast(1) drop-shadow(0 30px 40px rgba(0,0,0,.55));transform:none;opacity:1}}.fxm .hero .stage:before{opacity:0;animation:fxGlow 2.6s .6s ease-out forwards}@keyframes fxGlow{to{opacity:1}}.fx{position:absolute;top:4%;height:91%;left:50%;transform:translate(-50%);aspect-ratio:691/882;pointer-events:none}.fx-sweep{position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden;opacity:0}.fx-sweep:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:45%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 70%,transparent 100%);transform:skew(-14deg);mix-blend-mode:soft-light}.fx-sweep:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:22%;background:linear-gradient(100deg,transparent,rgba(255,236,214,.35),transparent);transform:skew(-14deg);mix-blend-mode:screen}.fx-on .fx-sweep{animation:fxShow .01s 1.9s forwards}.fx-on .fx-sweep:before{animation:fxSweep 1.7s 1.9s cubic-bezier(.45,.05,.3,1) forwards}.fx-on .fx-sweep:after{animation:fxSweep 1.7s 2s cubic-bezier(.45,.05,.3,1) forwards}@keyframes fxShow{to{opacity:1}}@keyframes fxSweep{to{left:125%}}.fx-cup{position:absolute;left:21.7%;bottom:11.7%;width:18%;transform:translate(-50%);opacity:0}.fx-cup svg{display:block;width:100%;height:auto;overflow:visible}.fx-cup .sh{position:absolute;left:4%;right:4%;bottom:-6%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);filter:blur(2px)}.fx-on .fx-cup{animation:fxCup 1.25s 3.3s cubic-bezier(.16,.84,.3,1) forwards}@keyframes fxCup{0%{opacity:0;transform:translate(370%);filter:blur(2px)}15%{opacity:1}70%{filter:blur(0)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}.fx-cup .lvl{transform:translateY(7px);transition:none}.fx-on .fx-cup .lvl{animation:fxFill 3s 4.9s cubic-bezier(.4,.1,.4,1) forwards}@keyframes fxFill{to{transform:none}}.fx-cup .crema{opacity:0}.fx-on .fx-cup .crema{animation:fxShow 1.4s 6.6s ease forwards}.fx-cup .steam path{opacity:0}.fx-on .fx-cup .steam path{animation:fxSteam 3.6s 7.4s ease-in-out infinite}.fx-on .fx-cup .steam path:nth-child(2){animation-delay:8.6s}.fx-on .fx-cup .steam path:nth-child(3){animation-delay:9.8s}@keyframes fxSteam{0%{opacity:0;transform:translateY(4px)}35%{opacity:.55}to{opacity:0;transform:translateY(-26px)}}.fx-stream{position:absolute;left:18%;top:57.8%;height:20.4%;width:7.4%;z-index:2}.fx-stream i{position:absolute;top:0;width:2.4px;height:100%;border-radius:2px;background:linear-gradient(#2a170c,#5a341b 40%,#7a4a28 85%,#7a4a284d);transform-origin:top;transform:scaleY(0);opacity:.95}.fx-stream i:first-child{left:-1.2px}.fx-stream i:last-child{right:-1.2px}.fx-on .fx-stream i{animation:fxPour 3.4s 4.55s linear forwards}.fx-on .fx-stream i:last-child{animation-delay:4.62s}@keyframes fxPour{0%{transform:scaleY(0);transform-origin:top;opacity:.95}7%{transform:scaleY(1);transform-origin:top}86%{transform:scaleY(1);transform-origin:bottom;opacity:.95;width:2.4px}93%{width:1.2px}to{transform:scaleY(0);transform-origin:bottom;opacity:.6;width:1px}}.fx-drip{position:absolute;left:18%;top:57.8%;width:3px;height:5px;border-radius:50% 50% 60% 60%;background:#5a341b;transform:translate(-50%);opacity:0}.fx-drip.d2{left:25.4%}.fx-on .fx-drip{animation:fxDrip .7s 8.1s ease-in forwards}.fx-on .fx-drip.d2{animation-delay:8.2s}@keyframes fxDrip{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,2300%)}}@media (prefers-reduced-motion:reduce){.fxm .hero-shot img,.fx-on .fx-cup,.fx-on .fx-cup .lvl,.fx-on .fx-cup .crema{animation:none!important;opacity:1;transform:translate(-50%)}.fx-on .fx-cup .lvl,.fx-on .fx-cup .crema{transform:none}.fx-stream,.fx-drip,.fx-sweep{display:none}}