/* MOTION-001: small interaction details; no loops, parallax or layout movement. */
@media (prefers-reduced-motion: no-preference) and (hover:hover) and (pointer:fine){
 .btn,.project-card,.campaign-card,.program,.quick-card,.field-tile,.b3-news-card,.b3-gallery-card{transition:translate 220ms ease,box-shadow 220ms ease,background-color 180ms ease,color 180ms ease}
 .btn:hover{translate:0 -2px}
 :is(.project-card,.campaign-card,.program,.quick-card,.field-tile,.b3-news-card,.b3-gallery-card):hover{translate:0 -4px;box-shadow:0 12px 28px rgba(0,107,91,.12)}
 .text-link .icon{transition:translate 180ms ease}
 html[dir="ltr"] .text-link:hover .icon{translate:3px 0}
 html[dir="rtl"] .text-link:hover .icon{translate:-3px 0}
}
@media (prefers-reduced-motion:reduce){
 html:root{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{*,*::before,*::after{animation:none!important;transition:none!important}}