/* Scroll-linked hierarchy: image first, heading next, supporting copy last. */
@media (prefers-reduced-motion: no-preference) {
  .product-led-preview .reveal-copy {
    --reveal-progress: 1;
    opacity: calc(.78 + .22 * var(--reveal-progress));
    transform: translate3d(0, calc((1 - var(--reveal-progress)) * 28px), 0);
  }
  .product-led-preview .hero-photo.reveal-copy {
    opacity: 1;
    transform: translate3d(0, calc((1 - var(--reveal-progress)) * 34px), 0);
  }
  .product-led-preview .hero-photo.reveal-copy > img {
    transform: scale(calc(1.07 - .07 * var(--reveal-progress)));
    transition: none;
  }
  .product-led-preview .equipment .reveal-card {
    --media-progress: 1;
    --title-progress: 1;
    --body-progress: 1;
    --card-strength: 1;
    opacity: 1;
    transform: none;
  }
  .product-led-preview .equipment .reveal-card figure {
    opacity: calc(1 - .28 * (1 - var(--media-progress)) * var(--card-strength));
    overflow: hidden;
  }
  .product-led-preview .equipment .reveal-card figure img {
    transform: scale(calc(1 + .11 * (1 - var(--media-progress)) * var(--card-strength)));
    transition: none;
  }
  .product-led-preview .equipment .reveal-card .np-product-copy h3 {
    opacity: calc(1 - .38 * (1 - var(--title-progress)) * var(--card-strength));
    transform: translate3d(0, calc(34px * (1 - var(--title-progress)) * var(--card-strength)), 0);
  }
  .product-led-preview .equipment .reveal-card .np-product-copy > p:not(.np-product-meta),
  .product-led-preview .equipment .reveal-card .np-card-actions {
    opacity: calc(1 - .35 * (1 - var(--body-progress)) * var(--card-strength));
    transform: translate3d(0, calc(22px * (1 - var(--body-progress)) * var(--card-strength)), 0);
  }
  .product-led-preview .reveal-copy:focus-within,
  .product-led-preview .reveal-card:focus-within .np-product-copy h3,
  .product-led-preview .reveal-card:focus-within .np-card-actions { opacity: 1; transform: none; }
  @media (max-width: 600px) {
    .product-led-preview .reveal-copy { transform: translate3d(0, calc((1 - var(--reveal-progress)) * 16px), 0); }
    .product-led-preview .hero-photo.reveal-copy { transform: translate3d(0, calc((1 - var(--reveal-progress)) * 22px), 0); }
    .product-led-preview .equipment .reveal-card .np-product-copy h3 { transform: translate3d(0, calc(22px * (1 - var(--title-progress)) * var(--card-strength)), 0); }
  }
}