/* Animated word assembly for the conference theme. */

.word-assembly {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.08em 0.28em;
  /*font-size: clamp(2rem, 5vw, 4rem);*/
}

.word-assembly .word {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.7em) rotate(2deg);
  animation: word-arrives 2.75s cubic-bezier(0.22, 0.8, 0.24, 1) infinite;
  animation-delay: calc(var(--word-index) * 0.09s);
}
.word-assembly .word:nth-child(1n) {
  color: #a6ff00;
  font-size: 1.3em;
}


.word-assembly .word:nth-child(3n) {
  color: #a6ff00;
}

.word-assembly .word:nth-child(4n) {
  color: #a6ff00;
}

@keyframes word-arrives {
  0%, 7% {
    opacity: 0;
    transform: translateY(0.7em) rotate(2deg);
    filter: blur(5px);
  }
  27% {
    opacity: 1;
    transform: translateY(-0.08em) rotate(-1deg);
    filter: blur(0);
  }
  32%, 100% {
    opacity: 1;
    transform: translateY(0) rotate(0);
    filter: blur(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .word-assembly .word {
    opacity: 1;
    transform: none;
    animation: none;
    filter: none;
  }
}