/* =================== hz-fx-reveal.css =================== */
/* Fail-safe mode: keep reveal blocks always visible.
   Any JS animation enhancer may add transforms later, but base state never hides content. */
.hz-fx-reveal,
[data-hc-reveal],
[data-fx-reveal] {
  opacity: 1;
  transform: none;
  transition: opacity 0.28s ease, transform 0.28s ease;
  will-change: opacity, transform;
}

.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--instant,
[data-fx-reveal].hz-fx-reveal--instant,
[data-hc-reveal].hz-fx-reveal--instant {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .hz-fx-reveal,
  [data-hc-reveal],
  [data-fx-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

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