/* DISLIX — scroll-reveal + hover motion. Easing curve carried over from the
   legacy Sendifier stylesheet (brand-agnostic "pop" timing), values rebuilt. */

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .6s cubic-bezier(0.175, 0.885, 0.32, 1.275),
              transform .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

.reveal-stagger.in-view > * {
  animation: fadeInUp .6s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

.reveal-stagger.in-view > *:nth-child(1) { animation-delay: 0s; }
.reveal-stagger.in-view > *:nth-child(2) { animation-delay: .08s; }
.reveal-stagger.in-view > *:nth-child(3) { animation-delay: .16s; }
.reveal-stagger.in-view > *:nth-child(4) { animation-delay: .24s; }
.reveal-stagger.in-view > *:nth-child(5) { animation-delay: .32s; }
.reveal-stagger.in-view > *:nth-child(6) { animation-delay: .4s; }

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

@keyframes floatSlow {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.float { animation: floatSlow 5s ease-in-out infinite; }