/* THE REVEAL EFFECT */
.reveal-swipe {
  position: relative;
  overflow: hidden;
}
.reveal-swipe::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-content-bg-grad); /* match your brand/bg color */
  transform: translateY(0);
  transition: transform 1.1s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
  pointer-events: none;
}
.reveal-swipe.is-visible::after {
  transform: translateY(-100%);
}
.reveal-swipe.reveal-swipe-down.is-visible::after {
  transform: translateY(100%);
}