/* The original word determines layout; only the visual overlay changes. */
.scramble-text {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  pointer-events: auto;
}
.scramble-source {
  position: static;
  display: inline;
  width: auto;
  height: auto;
  overflow: visible;
  clip-path: none;
  opacity: 0;
}
.scramble-visual {
  position: absolute;
  inset: 0;
  display: block;
  min-width: 0;
  overflow: visible;
  clip-path: inset(-0.4em -0.06em -0.4em -0.06em);
  white-space: nowrap;
  pointer-events: none;
}
.brand:hover .brand-wordmark,
.brand:focus-visible .brand-wordmark,
select:hover,
select:focus-visible,
textarea:hover,
textarea:focus-visible {
  animation: text-flicker 370ms steps(1, end);
}
@keyframes text-flicker {
  0%,
  100% {
    opacity: 1;
  }
  18%,
  42% {
    opacity: 0.75;
  }
  30%,
  58% {
    opacity: 1;
  }
  72% {
    opacity: 0.85;
  }
}
@media (prefers-reduced-motion: reduce) {
  .brand-wordmark,
  select,
  textarea {
    animation: none !important;
  }
}