/**
 * Website Studio — builder-safe frontend transitions.
 * Rule: never leave opacity at 0 inside the Bricks builder.
 * Entrance/hide opacity only applies on the real frontend (body without .brx-body).
 */

/* Default visible everywhere (including Bricks canvas) */
.reveal {
  opacity: 1;
  transform: none;
  filter: none;
  animation: none;
}

/* Frontend-only entrance animation */
body:not(.brx-body) .reveal {
  opacity: 0;
  transform: translateY(var(--space-m));
  /* acss-allow-start */
  filter: blur(6px);
  animation: ws-rise 0.9s cubic-bezier(0.32, 0.72, 0, 1) forwards;
  /* acss-allow-end */
}

body:not(.brx-body) .reveal.d2 {
  /* acss-allow-start */
  animation-delay: 0.12s;
  /* acss-allow-end */
}

body:not(.brx-body) .reveal.d3 {
  /* acss-allow-start */
  animation-delay: 0.24s;
  /* acss-allow-end */
}

/* acss-allow-start */
@keyframes ws-rise {
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}
/* acss-allow-end */

@media (prefers-reduced-motion: reduce) {
  body:not(.brx-body) .reveal {
    opacity: 1;
    transform: none;
    filter: none;
    animation: none;
  }
}