/* =========================================================
   KEYFRAMES & ANIMATION UTILITIES
========================================================= */
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes pulse-soft{0%,100%{opacity:.6;}50%{opacity:1;}}
@keyframes float-y{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

.js-ready .fade-in{opacity:0;}
.js-ready .fade-in.in-view{opacity:1;transition:opacity var(--dur-slow) var(--ease-out);}

/* Split-text line mask used for headings (JS wraps text in spans) */
.split-line{overflow:hidden;display:block;}
.split-line > span{display:inline-block;will-change:transform;}

/* Marquee (used decoratively if needed) */
.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.reduced-motion .marquee-track{animation:none;}