/* shared/wordmark.css — what the wordmark (shared/wordmark.mjs) needs beyond its own attributes: a block that scales
   by width, and the cursor's blink, which stays still under reduced motion. Size it where it is used, e.g.
   `.my-header .cv-wordmark { width: 20rem; }` — the height follows. */
.cv-wordmark { display: block; max-width: 100%; height: auto; overflow: visible; }
.cv-wordmark__cursor { animation: cv-wordmark-blink 1.1s steps(1) infinite; }
@keyframes cv-wordmark-blink { 50% { opacity: 0; } }
/* reduced motion: no blink, and a typed wordmark arrives finished — its letters and resting cursor shown, the walking
   cursor gone (an important author rule outranks the SMIL <set>s) */
@media (prefers-reduced-motion: reduce) {
  .cv-wordmark__cursor { animation: none; }
  .cv-wordmark--typed .cv-wordmark__letter, .cv-wordmark--typed .cv-wordmark__cursor { visibility: visible !important; }
  .cv-wordmark--typed .cv-wordmark__ghost { display: none; }
}