/* Custom CSS added by Mousetrap */



/* STAGGERED GRID - elements fade into existence in order - for Lists, Flexbox, Grids */

/* ===  Base “apply-me-anywhere” class  === */
.stagger-grid {                 /* put this on any list or grid */
  display: grid;                /* or let existing grid rules win */
  --duration: .40s;
  --stagger : .12s;
}

/* children start hidden */
.stagger-grid > * {
  opacity: 0;
  transform: translateY(8px);
}

/* once .stagger-start is added, play the staggered fade-in */
.stagger-grid.stagger-start > * {
  animation: fade-in var(--duration) ease-out forwards;
  animation-delay: calc(var(--i) * var(--stagger));
}


/* Speed variants */
.stagger--slower { --duration: .7s;  --stagger: .25s; }
.stagger--faster { --duration: .25s; --stagger: .06s; }

/* Keyframes */
@keyframes fade-in {
  to { opacity: 1; transform: translateY(0); }
}


/* END Staggered Grids */