/* The two word slots retain the width of their longest word throughout the loop. */
.draft2-why__intro > div { container-type: inline-size; }
.draft2-why__headline.tpm-headline {
  --headline-ink: #fff;
  --headline-blue: #6FA6FF;
  color: var(--headline-ink) !important;
  font-size: clamp(28px, 10.7cqw, 92px);
  line-height: 1.1;
  text-wrap: nowrap;
}
#why .draft2-why__headline.tpm-headline { font-size: clamp(28px, 10.7cqw, 92px) !important; }
html[data-theme="light"] .draft2-why__headline.tpm-headline {
  --headline-ink: #152033;
  --headline-blue: #144ba3;
}
.draft2-why__headline.tpm-headline[aria-label] span { color: inherit !important; }
.tpm-headline__line { display: block; white-space: nowrap; }
.tpm-headline__slot { display: inline-grid; vertical-align: baseline; }
.tpm-headline__word {
  grid-area: 1 / 1;
  visibility: hidden;
  opacity: 0;
  transition: color 240ms ease;
}
.tpm-headline__word.is-current { visibility: visible; opacity: 1; }
.draft2-why__headline.tpm-headline .tpm-headline__word.is-lit { color: var(--headline-blue) !important; }
.tpm-headline__word.is-entering { animation: tpm-headline-enter 340ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes tpm-headline-enter {
  from { opacity: 0; transform: translateY(.16em); }
  to { opacity: 1; transform: translateY(0); }
}
.tpm-headline-pause {
  appearance: none;
  margin: 18px 0 0;
  padding: 5px 0;
  border: 0;
  background: transparent;
  color: #9299a5;
  font: 11px/1.5 'IBM Plex Mono', monospace;
  cursor: pointer;
}
.tpm-headline-pause[hidden] { display: none; }
.tpm-headline-pause:hover, .tpm-headline-pause:focus-visible { color: #6FA6FF; }
.tpm-headline-pause:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }
html[data-theme="light"] .tpm-headline-pause { color: #526078; }
@media (prefers-reduced-motion: reduce) {
  .tpm-headline__word { animation: none !important; transition: none; }
  .tpm-headline-pause { display: none; }
}