/* Hide typing text until JS clears it and starts the animation.
   Prevents flash of original text during cover → page transition. */
[data-typing] {
  opacity: 0;
}

/* --------------------------------
   Typing Cursor
   -------------------------------- */
.typing-cursor {
  display: inline-block;
  width: 2px;
  height: 0.85em;
  background-color: var(--accent);
  margin-left: 1px;
  vertical-align: baseline;
  position: relative;
  top: 0.1em;
}

.typing-cursor--blink {
  animation: cursor-blink 530ms steps(1) infinite;
}

.typing-cursor--fade {
  animation: cursor-fade 400ms ease forwards;
}

@keyframes cursor-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes cursor-fade {
  from { opacity: 1; }
  to { opacity: 0; }
}