/* =================== hz-fx-reveal.css =================== */
.hz-fx-reveal {opacity: 0; transform: translateY(14px); transition: opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
              transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); will-change: opacity, transform}
.hz-fx-reveal.is-visible, .hz-fx-reveal[data-revealed="1"] {opacity: 1; transform: none}
.stagger > .hz-fx-reveal:nth-child(1) {transition-delay: 0ms}
.stagger > .hz-fx-reveal:nth-child(2) {transition-delay: 80ms}
.stagger > .hz-fx-reveal:nth-child(3) {transition-delay: 160ms}
.stagger > .hz-fx-reveal:nth-child(4) {transition-delay: 240ms}
.stagger > .hz-fx-reveal:nth-child(5) {transition-delay: 320ms}
.stagger > .hz-fx-reveal:nth-child(6) {transition-delay: 400ms}
.hz-fx-reveal, [data-hc-reveal] {opacity: 0; transform: translateY(18px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); will-change: opacity, transform}
.hz-fx-reveal.is-visible, [data-hc-reveal].is-visible, [data-hc-reveal][data-revealed] {opacity: 1; transform: translateY(0)}

.hz-fx-reveal, [data-hc-reveal], [data-fx-reveal] {animation: hc-fx-auto-reveal 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;}
.hz-fx-reveal--instant,
[data-fx-reveal].hz-fx-reveal--instant,
[data-hc-reveal].hz-fx-reveal--instant {
  opacity: 1;
  transform: none;
  animation: none;
}
@media (prefers-reduced-motion: reduce) {
  .hz-fx-reveal, [data-hc-reveal], [data-fx-reveal] {animation: none;
    opacity: 1;
    transform: none;}
}

.hz-fx-magnetic,
[data-fx-magnetic] {
  transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}