/* Стили для первого блока (печатная машинка) */
.cd-headline.typewriter {
  display: inline-block;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'BebasNeue', sans-serif;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 1em;
  overflow: hidden;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateX(100%);
  white-space: nowrap;
  transition: all 0.3s ease;
}

.cd-words-wrapper b.is-visible {
  opacity: 1;
  transform: translateX(0);
}

/* Стили для второго блока (эффект SLIDE) */
.cd-headline.clip {
  display: inline-block;
  position: relative;
  padding-right: 0.2em;
  overflow: hidden;
  white-space: nowrap;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 1em;
}

.cd-words-wrapper b {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(100%);
  clip-path: inset(0 0 0 100%); /* Эффект клипа */
  transition: all 0.4s ease;
}

.cd-words-wrapper b.is-visible {
  opacity: 1;
  transform: translateY(0);
  position: relative;
  clip-path: inset(0 0 0 0); /* Убираем обрезку */
}