/* ─── ANIMATIONS ───────────────────────────────────────── */
.reveal {
  opacity: 0; transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* ─── FOOTER ───────────────────────────────────────────── */
footer {
  background: var(--bg);
  border-top: 1px solid var(--border);
  padding: 2rem;
  text-align: center;
}
footer p { color: var(--text3); font-size: 0.85rem; }
.footer-sub { margin-top: 0.3rem; font-family: var(--mono); font-size: 0.75rem; }