@keyframes slideIn {
  from { transform: translateX(20px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes popIn {
  0% { transform: scale(.9); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.card { animation: fadeIn .4s ease both; }
.age-gate__card { animation: popIn .3s ease both; }
.hero__content { animation: fadeIn .6s ease both; }