/* Capital Stacks — motion. Pictogram hover loops, the stack grow-in, drawer slide. Colour swaps are instant. */
:root {
  --ease-grow:   cubic-bezier(.2,.7,.2,1); /* @kind other */
  --ease-drawer: ease-out; /* @kind other */
  --dur-grow:    1s; /* @kind other */
  --dur-picto:   .7s; /* @kind other */
  --dur-drawer:  .26s; /* @kind other */
}
@keyframes cs-grow-x { from { transform: scaleX(0) } to { transform: scaleX(1) } }
.cs-grow-in { transform-origin: left; animation: cs-grow-x var(--dur-grow) var(--ease-grow) both }
@media (prefers-reduced-motion: reduce) { .cs-grow-in { animation: none } }