/* Tendito motion layer — progressive enhancement, motion-safe.
   Link after the page's own styles. Pairs with anim.js + GSAP.
   Everything here is gated so users with reduced-motion get a static page. */
@media (prefers-reduced-motion: no-preference){
  @keyframes tdBellDing{0%,55%,100%{transform:rotate(0)}8%{transform:rotate(-13deg)}16%{transform:rotate(11deg)}24%{transform:rotate(-8deg)}32%{transform:rotate(6deg)}40%{transform:rotate(-3deg)}}
  header a[href] svg{transform-origin:50% 72%; animation:tdBellDing 1.5s ease .5s 1;}
  header a[href]:hover svg{animation:tdBellDing 1.1s ease;}
  .btn-clay,.btn-ink,.btn-outline,.btn-ghost-d{transition:transform .15s ease, background .2s ease, border-color .2s ease, color .2s ease;}
  .btn-clay:hover,.btn-ink:hover,.btn-outline:hover,.btn-ghost-d:hover{transform:translateY(-1px);}
  .card-trade{transition:transform .16s ease, border-color .2s ease, background .2s ease;}
  .card-trade:hover{transform:translateY(-2px);}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;}
}