/* ==========================================================================
   ANIMATIONS — keyframes and motion.
   GSAP/ScrollTrigger/Lenis drive the actual motion (see assets/js/); this
   file holds only the CSS-side states those scripts toggle, plus the
   handful of pure-CSS keyframes still in use.
   ========================================================================== */

@keyframes marquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* Lenis takes over scroll physics — let it own scroll-behavior so the
   two don't fight each other on anchor-link jumps. */
html.lenis{scroll-behavior:auto;}

/* ---------- HEADER — solidifies once the visitor scrolls past the hero ---------- */
header{
  transition:background .4s ease, border-color .4s ease, backdrop-filter .4s ease;
  border-bottom:1px solid transparent;
}
header.scrolled{
  background:rgba(7,8,11,0.92);
  border-bottom-color:var(--border);
}

@media (prefers-reduced-motion: reduce){
  .trust-track{animation:none;}
  html{scroll-behavior:auto;}
}