/* Entrada de las tres cartas de la portada: suben escalonadas (solo opacity y la propiedad individual translate, que no pisa el abanico).
   .hero-card-stage es el contenedor que montará la inclinación 3D de las cartas. */
@media (prefers-reduced-motion: no-preference) {
  .hero-card-stage .collection-card { opacity: 0; translate: 0 24px; }
  .hero-card-stage.is-visible .collection-card {
    opacity: 1;
    translate: 0 0;
    transition: opacity var(--t-card) var(--e-out), translate var(--t-card) var(--e-out);
  }
  .hero-card-stage.is-visible .collection-card:nth-child(2) { transition-delay: 60ms; }
  .hero-card-stage.is-visible .collection-card:nth-child(3) { transition-delay: 120ms; }
}