/* Regroupe les animations et transitions discretes employees par l'interface publique. */
@media (prefers-reduced-motion: no-preference) {
  .df-page-head,
  .df-panel,
  .df-hero__card {
    animation: df-rise-in 560ms cubic-bezier(0.22, 0.8, 0.22, 1) both;
  }

  .df-panel,
  .df-hero__card {
    animation-delay: 80ms;
  }

  @keyframes df-rise-in {
    from {
      opacity: 0;
      transform: translateY(18px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}