/* Keep the brand, editable tagline and introduction in one left-aligned flow. */
#top .hero__content {
  padding-bottom: 48px;
}

#top .hero__tagline {
  display: block;
  width: fit-content;
  max-width: min(640px, 100%);
  margin: 32px 0 0;
  line-height: 1.15;
  overflow-wrap: anywhere;
  /* The old arrival animation stretches text horizontally beyond its box. */
  transform: none;
  animation-name: copy-arrive;
}

#top .hero__copy {
  margin-top: 24px;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  #top .hero__content { padding-bottom: 40px; }
  #top .hero__tagline { margin-top: 20px; animation: none; }
  #top .hero__copy { margin-top: 20px; font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  #top .hero__tagline, #top .hero__copy { animation: none; opacity: 1; transform: none; }
}