/*
 * The slogan, for the public site (SloganWidget): `Hello World_`.
 *
 * Monospace by default — IBM Plex Mono from presskit-site-fonts.css, which this
 * stylesheet depends on — tight, and one line tall; the widget's Typography
 * control overrides any of it. The cursor is its own span so it can blink on its
 * own: a step animation (visible, gone, visible) on `--pk-slogan-blink`, 1.1s by
 * default, rather than a fade, because a terminal cursor does not fade. The blink
 * runs only while the element says `data-blink="yes"`, and never under reduced
 * motion, where the cursor simply stands.
 *
 * Only opacity animates.
 */
.pk-slogan {
  margin: 0;
  font-family: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.05;
  text-wrap: balance;
}

.pk-slogan__cursor {
  display: inline-block;
}

.pk-slogan[data-blink='yes'] .pk-slogan__cursor {
  animation: pk-slogan-blink var(--pk-slogan-blink, 1100ms) steps(1, end) infinite;
}

@keyframes pk-slogan-blink {
  50% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pk-slogan .pk-slogan__cursor {
    animation: none;
  }
}