/* ============================================================
   pasiero.ai - motion, and its reduced-motion opt-outs
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {
  .tree__row {
    animation: settle 0.35s ease backwards;
  }
  .tree li:nth-child(1) .tree__row { animation-delay: 0.02s; }
  .tree li:nth-child(2) .tree__row { animation-delay: 0.06s; }
  .tree li:nth-child(3) .tree__row { animation-delay: 0.1s; }
  .tree li:nth-child(4) .tree__row { animation-delay: 0.14s; }
  .tree li:nth-child(5) .tree__row { animation-delay: 0.18s; }
  .tree li:nth-child(6) .tree__row { animation-delay: 0.22s; }
  .tree li:nth-child(7) .tree__row { animation-delay: 0.26s; }
  .tree li:nth-child(8) .tree__row { animation-delay: 0.3s; }
  .tree li:nth-child(9) .tree__row { animation-delay: 0.34s; }
}

@keyframes settle {
  from {
    opacity: 0;
    transform: translateX(-0.5rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .btn:hover {
    transform: none;
  }
}