/* ============================================================
   REWIND 84 — ANIMATIONS
   ============================================================ */

/* Grain shift */
@keyframes grain-shift {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(-1%, -1%); }
  50% { transform: translate(1%, 0); }
  75% { transform: translate(0, 1%); }
}

/* VHS blink */
@keyframes vhs-blink {
  0%, 100% { opacity: 1; }
  45% { opacity: 1; }
  50% { opacity: 0; }
  55% { opacity: 0; }
  60% { opacity: 1; }
}

/* Marquee */
@keyframes marquee-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Scroll indicator */
@keyframes scroll-drop {
  0% { transform: scaleY(0); transform-origin: top; opacity: 1; }
  50% { transform: scaleY(1); transform-origin: top; opacity: 1; }
  51% { transform: scaleY(1); transform-origin: bottom; }
  100% { transform: scaleY(0); transform-origin: bottom; opacity: 0.3; }
}

/* Cart bump */
@keyframes cart-bump {
  0% { transform: scale(1); }
  40% { transform: scale(1.4); }
  100% { transform: scale(1); }
}

/* Page load fade-in */
@keyframes page-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

body {
  animation: page-fade-in 0.6s ease forwards;
}

/* Stamp animation */
@keyframes stamp-rotate {
  from { transform: rotate(-2deg); }
  to { transform: rotate(2deg); }
}

.archive-stamp {
  animation: stamp-rotate 4s ease-in-out infinite alternate;
}

/* Product card stagger */
.product-grid .product-card {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease, background 0.3s;
}

.product-grid .product-card.in-view {
  opacity: 1;
  transform: translateY(0);
}

.product-grid .product-card:nth-child(1) { transition-delay: 0s; }
.product-grid .product-card:nth-child(2) { transition-delay: 0.07s; }
.product-grid .product-card:nth-child(3) { transition-delay: 0.14s; }
.product-grid .product-card:nth-child(4) { transition-delay: 0.21s; }
.product-grid .product-card:nth-child(5) { transition-delay: 0.06s; }
.product-grid .product-card:nth-child(6) { transition-delay: 0.12s; }
.product-grid .product-card:nth-child(7) { transition-delay: 0.18s; }
.product-grid .product-card:nth-child(8) { transition-delay: 0.24s; }
.product-grid .product-card:nth-child(9) { transition-delay: 0.05s; }
.product-grid .product-card:nth-child(10) { transition-delay: 0.1s; }
.product-grid .product-card:nth-child(11) { transition-delay: 0.15s; }
.product-grid .product-card:nth-child(12) { transition-delay: 0.2s; }

/* Sneaker card stagger */
.sneakers-grid .sneaker-card {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease, background 0.3s;
}
.sneakers-grid .sneaker-card.in-view {
  opacity: 1;
  transform: translateY(0);
}
.sneakers-grid .sneaker-card:nth-child(1) { transition-delay: 0s; }
.sneakers-grid .sneaker-card:nth-child(2) { transition-delay: 0.1s; }
.sneakers-grid .sneaker-card:nth-child(3) { transition-delay: 0.2s; }

/* Social grid */
.social-item {
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.social-item.in-view {
  opacity: 1;
  transform: scale(1);
}
.social-item:nth-child(1) { transition-delay: 0s; }
.social-item:nth-child(2) { transition-delay: 0.05s; }
.social-item:nth-child(3) { transition-delay: 0.1s; }
.social-item:nth-child(4) { transition-delay: 0.15s; }
.social-item:nth-child(5) { transition-delay: 0.2s; }
.social-item:nth-child(6) { transition-delay: 0.25s; }

/* Lookbook reveal */
.lookbook-item {
  opacity: 0;
  transition: opacity 0.7s ease;
}
.lookbook-item.in-view { opacity: 1; }

/* Hero reveal-up sequenced */
.hero-content .reveal-up:nth-child(1) { transition-delay: 0.1s; }
.hero-content .reveal-up:nth-child(2) { transition-delay: 0.25s; }
.hero-content .reveal-up:nth-child(3) { transition-delay: 0.4s; }
.hero-content .reveal-up:nth-child(4) { transition-delay: 0.55s; }

/* Process step stagger */
.process-step:nth-child(1) { transition-delay: 0s; }
.process-step:nth-child(2) { transition-delay: 0.12s; }
.process-step:nth-child(3) { transition-delay: 0.24s; }

/* Marquee pause on hover */
.marquee-section:hover .marquee-inner {
  animation-play-state: paused;
}

/* Nav link hover underline */
.nav-link {
  position: relative;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0.6em; right: 0.6em;
  height: 1px;
  background: var(--red-faded);
  transform: scaleX(0);
  transition: transform 0.2s ease;
  transform-origin: left;
}
.nav-link:hover::after { transform: scaleX(1); }

/* Smooth category tile label lift */
.cat-label { transition: transform 0.3s ease; }
.category-tile:hover .cat-label { transform: translateY(-4px); }

/* Sneaker badge pulse */
.badge-oneofone {
  animation: none;
}
.badge-oneofone:hover {
  background: var(--red-muted);
}