/*! WAPI Connect, "Kuwait Time": motion module "solutions" styles (M16). Plan: .router/MOTION.md §4.4.
    Heights exist from the first paint (html.w-story is set before it, never with reduced motion), so building the stories
    later never moves the page.
    - Store pages: nothing here since the clarity rollout (2026-10-31): the "example" section with the sample chat is a
      data-calm explainer and stays static (no sticky frame, no scroll room).
    - Hub: a path's line sits under the link, its arrow slides in with --w-ax.
    - Organizations: the sea page head settles from scale 1.03 in CSS, from the first paint: colours unchanged, the band
      only grows (the body already clips sideways overflow).
    Tokens only, no new colour; logical properties (transform-origin is physical by nature). Nothing here applies with
    reduced motion or without the pre-paint class; print gets the plain page. */

/* ---------------------------------------------------------------- hub: the paths */
@media (prefers-reduced-motion: no-preference) {
  html.w-gsap .w-path > .w-line { inset-block-start: auto; inset-block-end: 0; }
  html.w-gsap .w-path[data-w-arrow] .w-arrow { translate: calc(var(--w-ax, 0) * 1px) 0; }
}

/* ---------------------------------------------------------------- organizations: the sea head settles */
@keyframes w-sea-settle { from { transform: scale(1.03); } to { transform: scale(1); } }
@media (prefers-reduced-motion: no-preference) {
  html.w-motion body.wapi-p-solutions-organizations .w-page-head--sea {
    transform-origin: 50% 0; animation: w-sea-settle 1200ms cubic-bezier(.22, .61, .36, 1);
  }
}

/* Print: the plain page */
@media print {
  .w-sample li, .w-sample li > *, .w-cta--quiet, .w-page-head--sea { opacity: 1 !important; transform: none !important; animation: none !important; }
  .w-path .w-arrow { translate: none !important; opacity: 1 !important; }
}