.work-card.reveal {
  transition: opacity .55s ease, transform .55s ease, filter .25s ease;
}

.work-card.reveal:nth-child(2) { transition-delay: .04s; }
.work-card.reveal:nth-child(3) { transition-delay: .08s; }
.work-card.reveal:nth-child(4) { transition-delay: .12s; }
.work-card.reveal:nth-child(5) { transition-delay: .16s; }
.work-card.reveal:nth-child(6) { transition-delay: .20s; }

.work-card[hidden] {
  display: none;
}

.work-image {
  will-change: transform;
}

.work-card:hover .work-image {
  box-shadow: 0 14px 28px rgba(37, 33, 29, .14);
}

.work-card:hover .play,
.work-card:focus-visible .play {
  background: var(--rust);
  border-color: var(--rust);
  transform: scale(1.08);
}

.play {
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.image-copy,
.image-tag {
  transition: transform .25s ease;
}

.work-card:hover .image-copy {
  transform: translateY(-4px);
}

.work-card:hover .image-tag {
  transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
  .work-card.reveal,
  .work-card .work-image,
  .work-card .play,
  .work-card .image-copy,
  .work-card .image-tag {
    transition: none !important;
    transform: none !important;
  }
}
/* Entry motion preserves visible content if JavaScript is unavailable. */
@keyframes enter-content {
 from { opacity: .35; transform: translateY(14px); }
 to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
 .reveal.is-visible { animation: enter-content .55s ease both; }
}