/* MIRAI — Motion
   Restrained. One intentional diagonal sweep on load, then rest — never a continuous
   loop. Single easing curve for near-everything. Always honour prefers-reduced-motion. */

:root {
  --ease-flow:  cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:   cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-in:    cubic-bezier(.4,0,.6,.4); /* @kind other */
  --ease-standard: cubic-bezier(.2,.6,.2,1); /* @kind other */

  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
  --dur-sweep:  720ms; /* @kind other */

  --transition-colors: color var(--dur-fast) var(--ease-flow), background-color var(--dur-fast) var(--ease-flow), border-color var(--dur-fast) var(--ease-flow);
  --transition-base:   all var(--dur-base) var(--ease-flow);
}

/* The single sanctioned entrance: a diagonal flow sweep, played once. */
@keyframes mirai-sweep-in {
  from { opacity: 0; transform: translate3d(-14px, 10px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
.mirai-sweep-in { animation: mirai-sweep-in var(--dur-sweep) var(--ease-flow) both; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}