.rise {
  animation: rise 0.9s var(--ease) backwards;
}

/* staggered entrance delays — classes rather than inline styles, since the
   CSP's style-src is 'self' with no 'unsafe-inline' */
.delay-50 {
  animation-delay: 0.05s;
}
.delay-150 {
  animation-delay: 0.15s;
}
.delay-450 {
  animation-delay: 0.45s;
}
.delay-550 {
  animation-delay: 0.55s;
}
.delay-600 {
  animation-delay: 0.6s;
}
.delay-700 {
  animation-delay: 0.7s;
}
.delay-750 {
  animation-delay: 0.75s;
}
.delay-850 {
  animation-delay: 0.85s;
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}