/* Scroll-in + hero entrance — Design.md Technical Precision (no glow) */
.pd-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 560ms ease, transform 560ms ease;
  will-change: opacity, transform;
}

.pd-reveal.is-in {
  opacity: 1;
  transform: translateY(0);
}

.pd-reveal-child {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 480ms ease, transform 480ms ease;
}

.pd-reveal.is-in .pd-reveal-child {
  opacity: 1;
  transform: translateY(0);
}

.pd-reveal.is-in .pd-reveal-child:nth-child(1) { transition-delay: 40ms; }
.pd-reveal.is-in .pd-reveal-child:nth-child(2) { transition-delay: 100ms; }
.pd-reveal.is-in .pd-reveal-child:nth-child(3) { transition-delay: 160ms; }
.pd-reveal.is-in .pd-reveal-child:nth-child(4) { transition-delay: 220ms; }
.pd-reveal.is-in .pd-reveal-child:nth-child(5) { transition-delay: 280ms; }
.pd-reveal.is-in .pd-reveal-child:nth-child(6) { transition-delay: 340ms; }

/* ---- Hero entrance (load, not scroll) ---- */
.pd-hero-item {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 640ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 640ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.pd-hero-item--media {
  transform: translateY(22px) scale(0.985);
  transition:
    opacity 720ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.pd-hero.is-in .pd-hero-item {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.pd-hero.is-in .pd-hero-item[data-pd-delay="0"] { transition-delay: 40ms; }
.pd-hero.is-in .pd-hero-item[data-pd-delay="1"] { transition-delay: 120ms; }
.pd-hero.is-in .pd-hero-item[data-pd-delay="2"] { transition-delay: 200ms; }
.pd-hero.is-in .pd-hero-item[data-pd-delay="3"] { transition-delay: 300ms; }

@media (prefers-reduced-motion: reduce) {
  .pd-reveal,
  .pd-reveal-child,
  .pd-hero-item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}