/* =============================================
   Homepage Hero — bbbHeroFade animation
   Source: sections/hero-smut-sentiment.liquid
   ============================================= */

.hero-frame > * {
  opacity: 0;
  animation: bbbHeroFade 0.8s ease forwards;
}

.hero-heading {
  animation-delay: 0.1s;
}

.hero-mini {
  animation-delay: 0.28s;
}

.hero-subtitle {
  animation-delay: 0.44s;
}

.hero-buttons {
  animation-delay: 0.6s;
}

@keyframes bbbHeroFade {
  from {
    opacity: 0;
    transform: translateY(1.6rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}