/* Dezente Einblende-Animationen — nur wenn JS aktiv (body.anim) und keine Reduced-Motion-Praeferenz */
@media (prefers-reduced-motion: no-preference){
  body.anim .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
  body.anim .reveal.in{opacity:1;transform:none}
  body.anim .hero .wrap, body.anim .subhero .wrap, body.anim .genhero .wrap{animation:jbcHeroIn .85s cubic-bezier(.22,.61,.36,1) both}
  @keyframes jbcHeroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
}