/* ============================================================
   Tektome — MIP architecture diagram sequence reveal.
   Pieces of the diagram (below "Solutions built on the platform")
   fade + slide into view in sequence, driven by mip-arch-anim.js.

   The hidden state is gated on [data-arch-anim] (added by JS), so a
   no-JS / failed load shows everything. Scoped to .mip-page .mip-diagram
   so it wins over later-loaded card transition shorthands. Gated behind
   reduced-motion.
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  .mip-page .mip-diagram[data-arch-anim] [data-arch-item] {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: var(--arch-dur, 540ms);
    transition-timing-function: var(--ease-out, cubic-bezier(0.2, 0.8, 0.2, 1));
    will-change: opacity, transform;
  }

  /* Per-variant entrance transform. */
  .mip-page .mip-diagram[data-arch-anim="cascade"] [data-arch-item] { transform: translateY(18px); }
  .mip-page .mip-diagram[data-arch-anim="foundation"] [data-arch-item] { transform: translateY(22px); }
  .mip-page .mip-diagram[data-arch-anim="radiate"] [data-arch-item] { transform: translateY(8px) scale(0.965); }

  .mip-page .mip-diagram[data-arch-anim] [data-arch-item].is-in {
    opacity: 1;
    transform: none;
  }
}