@media (prefers-reduced-motion: no-preference){
  .bb-anim-in{
    animation: bbFadeUp .5s ease both;
  }
  .bb-grid .bb-card:nth-child(1){ animation-delay:.02s; }
  .bb-grid .bb-card:nth-child(2){ animation-delay:.06s; }
  .bb-grid .bb-card:nth-child(3){ animation-delay:.10s; }
  .bb-grid .bb-card:nth-child(4){ animation-delay:.14s; }
  .bb-grid .bb-card:nth-child(5){ animation-delay:.18s; }
  .bb-grid .bb-card:nth-child(6){ animation-delay:.22s; }
  .bb-grid .bb-card:nth-child(7){ animation-delay:.26s; }
  .bb-grid .bb-card:nth-child(8){ animation-delay:.30s; }
}

@keyframes bbFadeUp{
  from{ opacity:0; transform:translateY(10px); }
  to{ opacity:1; transform:translateY(0); }
}

@media (prefers-reduced-motion: reduce){
  .bb-hero-art img{ animation:none; }
}