.hero__title-wrap {
  position: relative;
  z-index: 2;
}

.hero__title {
  letter-spacing: 0;
}

.scramble-text {
  display: block;
  white-space: nowrap;
  text-wrap: nowrap;
  overflow-wrap: normal;
  word-break: keep-all;
}

.scramble-text__word {
  display: inline-block;
  white-space: nowrap;
}

.scramble-text__char {
  display: inline-block;
  min-width: 0.56em;
  transform: translateY(var(--scramble-lift, 0));
  transition:
    color 160ms ease,
    opacity 160ms ease,
    transform 240ms ease,
    text-shadow 240ms ease;
}

.hero__title .scramble-text__word,
.hero__title .scramble-text__char {
  display: inline-block;
}

.hero__title-accent .scramble-text__word,
.hero__title-accent .scramble-text__char {
  background-image: var(--gradient-accent);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.scramble-text__char--space {
  min-width: 0.32em;
}

.scramble-text.is-scrambling .scramble-text__char {
  color: color-mix(in srgb, var(--accent) 68%, currentColor);
  text-shadow:
    0 0 8px color-mix(in srgb, var(--accent) 42%, transparent),
    0 0 22px color-mix(in srgb, var(--accent) 24%, transparent);
}

.scramble-text.is-settled .scramble-text__char {
  --scramble-lift: 0;
}

.scramble-text--plain {
  white-space: normal;
  text-wrap: balance;
}

html[dir="rtl"] .scramble-text,
html[lang="fa"] .scramble-text {
  white-space: normal;
  text-wrap: balance;
  direction: rtl;
  unicode-bidi: isolate;
}

html[dir="rtl"] .hero__title,
html[lang="fa"] .hero__title {
  letter-spacing: 0;
}

@media (max-width: 768px) {
  .hero__title {
    font-size: clamp(1.9rem, 7.7vw, 2.55rem);
  }

  .scramble-text--last {
    white-space: normal;
    text-wrap: balance;
  }

  .scramble-text__char {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scramble-text__char {
    transition: none;
  }
}