.box-anim { opacity: 0; transform: translateY(30px) scale(0.85); filter: blur(6px); } .box-anim-right { opacity: 0; transform: translateX(60px) scale(0.85); filter: blur(6px); } .box-anim-left { opacity: 0; transform: translateX(-60px) scale(0.85); filter: blur(6px); }  .box-anim.in-view { animation: reveal-up 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-right.in-view { animation: reveal-right 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-left.in-view { animation: reveal-left 1.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }  .box-anim.out-view { animation: hide-down 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-right.out-view { animation: hide-right 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .box-anim-left.out-view { animation: hide-left 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; }  @keyframes reveal-up { from { opacity: 0; transform: translateY(30px) scale(0.85); filter: blur(6px); } to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } @keyframes hide-down { from { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } to { opacity: 0; transform: translateY(30px) scale(0.85); filter: blur(6px); } }  @keyframes reveal-right { from { opacity: 0; transform: translateX(60px) scale(0.85); filter: blur(6px); } to { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); } } @keyframes hide-right { from { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); } to { opacity: 0; transform: translateX(60px) scale(0.85); filter: blur(6px); } }  @keyframes reveal-left { from { opacity: 0; transform: translateX(-60px) scale(0.85); filter: blur(6px); } to { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); } } @keyframes hide-left { from { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); } to { opacity: 0; transform: translateX(-60px) scale(0.85); filter: blur(6px); } }  .box-anim:nth-child(2), .box-anim-right:nth-child(2), .box-anim-left:nth-child(2) { animation-delay: 0.1s; } .box-anim:nth-child(3), .box-anim-right:nth-child(3), .box-anim-left:nth-child(3) { animation-delay: 0.2s; }  @media (prefers-reduced-motion: reduce) { .box-anim, .box-anim-right, .box-anim-left { opacity: 1; transform: none; filter: none; animation: none !important; } }  body.is-bricks-builder .box-anim, body.is-bricks-builder .box-anim-right, body.is-bricks-builder .box-anim-left { opacity: 1 !important; transform: none !important; filter: none !important; animation: none !important; }