/* ─── SCROLL REVEAL ──────────────────────────────────── */

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.6s var(--transition), transform 0.6s var(--transition);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* ─── SCROLL HINT ────────────────────────────────────── */

.hero-scroll-hint {
  animation: hint-bounce 2s ease-in-out infinite;
}

.scroll-arrow {
  display: block;
  animation: arrow-bounce 2s ease-in-out infinite;
}

@keyframes hint-bounce {
  0%, 100% { opacity: 0.6; }
  50%       { opacity: 0.9; }
}

@keyframes arrow-bounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(6px); }
}

/* ─── TOAST SLIDE ────────────────────────────────────── */

@keyframes toast-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ─── NAV LINK UNDERLINE ─────────────────────────────── */

.nav-link {
  display: inline-block;
  padding-bottom: 2px;
}

/* ─── LOCAL CARD HOVER ───────────────────────────────── */

.local-card {
  transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.3, 1),
              box-shadow 0.3s cubic-bezier(0.2, 0.9, 0.3, 1);
}