/* Layered scroll choreography: typography leads, then structure, media, and actions. */
.air-clone.motion-sequenced .scroll-reveal {
  opacity: 1;
  translate: none;
  transition: none;
}

.air-clone.motion-sequenced [data-motion-item] {
  --motion-delay: calc(var(--motion-order, 0) * 92ms);
  opacity: 0;
  transform: translate3d(0, 28px, 0) scale(.992);
  filter: blur(5px);
  transition:
    opacity 720ms cubic-bezier(.22, 1, .36, 1) var(--motion-delay),
    transform 920ms cubic-bezier(.16, 1, .3, 1) var(--motion-delay),
    filter 680ms ease-out var(--motion-delay);
  will-change: opacity, transform, filter;
}

.air-clone.motion-sequenced [data-motion-item="frame"] {
  transform: translate3d(0, 34px, 0) scale(.975);
  clip-path: inset(7% 4% 8% 4% round 18px);
  transition:
    opacity 760ms cubic-bezier(.22, 1, .36, 1) var(--motion-delay),
    transform 1040ms cubic-bezier(.16, 1, .3, 1) var(--motion-delay),
    filter 720ms ease-out var(--motion-delay),
    clip-path 1080ms cubic-bezier(.16, 1, .3, 1) var(--motion-delay);
}

.air-clone.motion-sequenced [data-motion-item="action"] {
  transform: translate3d(0, 18px, 0) scale(.96);
}

.air-clone.motion-sequenced [data-motion-item="media"] {
  transform: translate3d(0, 22px, 0) scale(.965);
  clip-path: inset(9% 7% 10% 7% round 14px);
  transition:
    opacity 680ms cubic-bezier(.22, 1, .36, 1) var(--motion-delay),
    transform 980ms cubic-bezier(.16, 1, .3, 1) var(--motion-delay),
    filter 640ms ease-out var(--motion-delay),
    clip-path 980ms cubic-bezier(.16, 1, .3, 1) var(--motion-delay);
}

.air-clone.motion-sequenced [data-motion-item].is-motion-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  clip-path: inset(0 round 0);
}

@media (max-width: 700px) {
  .air-clone.motion-sequenced [data-motion-item] {
    --motion-delay: calc(var(--motion-order, 0) * 72ms);
    transform: translate3d(0, 20px, 0) scale(.994);
  }

  .air-clone.motion-sequenced [data-motion-item="frame"] {
    transform: translate3d(0, 24px, 0) scale(.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  .air-clone.motion-sequenced [data-motion-item],
  .air-clone.motion-sequenced [data-motion-item].is-motion-visible {
    opacity: 1;
    transform: none;
    filter: none;
    clip-path: none;
    transition: none;
  }
}