/* Shared flavor-entry contract: animate content, never the page background. */
[data-flavor-entry="copy"],
[data-flavor-entry="story"] {
  animation: flavor-copy-entry 420ms cubic-bezier(.22, 1, .36, 1) both;
}
[data-flavor-entry="story"] { animation-delay: 60ms; }
[data-flavor-entry="image"] {
  animation: flavor-image-entry 560ms cubic-bezier(.22, 1, .36, 1) both paused;
}
[data-flavor-image-ready] { animation-play-state: running; }

@keyframes flavor-copy-entry {
  from { opacity: .72; translate: 0 -10px; }
  to { opacity: 1; translate: 0 0; }
}
@keyframes flavor-image-entry {
  from { translate: var(--flavor-image-entry-x, 28px) 0; }
  to { translate: 0 0; }
}

@media (prefers-reduced-motion: reduce), (scripting: none) {
  [data-flavor-entry] { animation: none; }
}