/* ── KEYFRAMES ── */
@keyframes slideUp { to { transform: translateY(0); } }
@keyframes fadeUp  { to { opacity: 1; transform: translateY(0); } }
@keyframes bounce  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }

/* ── REVEAL ── */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity .85s ease, transform .85s ease;
  will-change: opacity, transform;
}
.reveal.visible { opacity: 1; transform: translateY(0); will-change: auto; }