/* ========================================================================
   VERSION VIVANTE (test) — mouvement & vie, sans images. Couche additive.
   ======================================================================== */

/* Apparition plus riche : glisse + léger zoom (respecte reduced-motion) */
@media (prefers-reduced-motion: no-preference) {
  .reveal { transform: translateY(42px) scale(.98); transition: opacity .9s var(--ease), transform .9s var(--ease); }
  .reveal.in { transform: none; }
}

/* Compte à rebours : petit "pop" à chaque changement */
.countdown__unit strong { display: inline-block; }
.cd-tick { animation: cdTick .5s var(--ease); }
@keyframes cdTick { 0% { transform: translateY(-7px); opacity: .25; } 60% { transform: translateY(0); opacity: 1; } }

/* Barre de progression de lecture (fine, en haut) */
.read-progress {
  position: fixed; top: 0; left: 0; height: 2px; width: 0; z-index: 200;
  background: linear-gradient(90deg, transparent, var(--accent));
  box-shadow: 0 0 12px var(--accent); pointer-events: none;
}

@media (prefers-reduced-motion: reduce) { .cd-tick { animation: none; } }