/* Visible by default; only successfully observed, below-fold content is pending.
   Individual translate preserves existing transforms and hover effects. */
.reveal-pending {
  opacity: 0;
  translate: 0 30px;
}
.reveal-active {
  animation: cafe-reveal 800ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes cafe-reveal {
  from { opacity: 0; translate: 0 30px; }
  to { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .reveal-pending, .reveal-active {
    opacity: 1;
    translate: none;
    animation: none;
  }
}