/* ===========================
   SCROLL-REVEAL ENTRIES
=========================== */
.card:nth-child(1) { transition-delay: 0s; }
.card:nth-child(2) { transition-delay: 0.1s; }
.card:nth-child(3) { transition-delay: 0.2s; }
.card:nth-child(4) { transition-delay: 0.3s; }

.pack-card:nth-child(1) { transition-delay: 0s; }
.pack-card:nth-child(2) { transition-delay: 0.12s; }
.pack-card:nth-child(3) { transition-delay: 0.24s; }

/* ===========================
   PARTICLE / EMBER EFFECT
=========================== */
.ember-particle {
  position: fixed;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0;
  background: var(--gold);
  box-shadow: 0 0 4px 1px rgba(212,160,23,0.6);
  animation: floatUp var(--dur, 4s) ease-in var(--delay, 0s) infinite;
  z-index: 9;
}

@keyframes floatUp {
  0%   { opacity: 0; transform: translateY(0) scale(1); }
  10%  { opacity: 0.7; }
  80%  { opacity: 0.3; }
  100% { opacity: 0; transform: translateY(-120px) scale(0.3); }
}

/* header scroll state is handled in style.css */