/* Progressive enhancement: every heading is visible without CSS animation or JS. */
@media (prefers-reduced-motion: no-preference) {
  .editorial-motion-enter {
    animation: lucea-editorial-entry 400ms cubic-bezier(.22, 1, .36, 1);
  }

  @keyframes lucea-editorial-entry {
    from { opacity: .78; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (max-width: 620px) and (prefers-reduced-motion: no-preference) {
  .editorial-motion-enter {
    animation-name: lucea-editorial-entry-small;
    animation-duration: 320ms;
  }

  @keyframes lucea-editorial-entry-small {
    from { opacity: .86; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-motion-enter { animation: none; }
}

@media print {
  .editorial-motion-enter { animation: none; }
}