/**
 * IA Webtech Design System — 04 MOTION
 * Animation primitives. Subtle only: opacity, translate, line drawing,
 * connection animation, hover states. No parallax, no scroll hijacking.
 */
.reveal{opacity:0;transform:translateY(22px);transition:opacity var(--duration-normal) var(--ease),transform var(--duration-normal) var(--ease)}
.reveal.in{opacity:1;transform:none}
.anim-fade{transition:opacity var(--duration-fast) var(--ease)}
.anim-lift{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
@keyframes dashmove{to{background-position:0 10px}}
.flow-link.animated{animation:dashmove 1.2s linear infinite}
/* Logged-in admin bar: keep the sticky header clear of it. */
body.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){body.admin-bar .site-header{top:46px}}
/* Hero staggered entrance (250–600ms band, subtle). */
.hero-inner>div:first-child .reveal:nth-child(1){transition-delay:0ms}
.hero-inner>div:first-child .reveal:nth-child(2){transition-delay:90ms}
.hero-inner>div:first-child .reveal:nth-child(3){transition-delay:180ms}
.hero-inner>div:first-child .reveal:nth-child(4){transition-delay:260ms}
.hero-inner>div:first-child .reveal:nth-child(5){transition-delay:340ms}
/* Timeline: hover/focus/scroll active step emphasis. */
.timeline li::before{transition:background .3s var(--ease),transform .3s var(--ease)}
.timeline li:hover::before,.timeline li:focus-within::before,.timeline li.active::before{background:var(--brand-primary-600);transform:scale(1.07)}
.timeline li.active:not(:last-child)::after{background:var(--brand-primary-border)}
/* Gutenberg buttons inherit the brand system automatically. */
.wp-block-button__link{background:var(--brand-primary-600);color:#fff;border-radius:12px;padding:15px 26px;font-weight:700;text-decoration:none;border:1px solid transparent}
.wp-block-button__link:hover{background:var(--brand-primary-700);color:#fff}
.is-style-outline>.wp-block-button__link{background:transparent;color:var(--text-primary);border:1.5px solid var(--text-primary)}
.is-style-outline>.wp-block-button__link:hover{border-color:var(--brand-primary-600);color:var(--brand-primary-700)}
/* Master switch: respect users who prefer reduced motion. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}