/* Two purposeful typed headlines. The hidden copy reserves the final layout. */
.type-reveal {
  display: grid;
  width: 100%;
  max-width: 100%;
  grid-template-areas: 'type';
}

.type-reveal-ghost,
.type-reveal-live {
  grid-area: type;
  min-width: 0;
  overflow-wrap: normal;
}

.type-reveal-ghost { visibility: hidden; }
.type-reveal-live { justify-self: start; }

.type-reveal.is-typing .type-reveal-live::after {
  content: '';
  display: inline-block;
  width: .075em;
  height: .76em;
  margin-left: .09em;
  background: currentColor;
  animation: type-cursor-blink .7s steps(1, end) infinite;
}

.type-reveal.is-finished .type-reveal-live::after { animation: none; opacity: 0; }

@keyframes type-cursor-blink {
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .type-reveal.is-typing .type-reveal-live::after { display: none; animation: none; }
}