/* uistash landing — motion & press feedback */

@media (prefers-reduced-motion: no-preference) {
  .pressable {
    transition: transform var(--dur-fast) var(--ease-out),
      opacity var(--dur-fast) var(--ease-out);
  }

  .pressable:active {
    transform: scale(0.97);
  }

  @media (hover: hover) {
    .pressable:hover {
      opacity: 0.88;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .pressable:active {
    opacity: 0.85;
  }
}

.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out);
}

.reveal.is-visible {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}