.home-announcement {
  background: #f0c94d;
  color: #171c22;
  padding: .7rem 0;
  text-align: center;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.home-announcement p { margin-block: 0; }
.home-announcement p.wrap { color: #000; }
.home-announcement.is-scrolling { overflow: hidden; }
.home-announcement.is-scrolling p.wrap {
  width: max-content;
  max-width: none;
  margin-inline: 0;
  white-space: nowrap;
  animation: announcement-scroll var(--announcement-duration) linear infinite;
}
.home-announcement.is-scrolling:hover p { animation-play-state: paused; }
@keyframes announcement-scroll {
  from { transform: translateX(100vw); }
  to { transform: translateX(-100%); }
}
@media (prefers-reduced-motion: reduce) {
  .home-announcement.is-scrolling p.wrap {
    width: auto;
    white-space: normal;
    animation: none;
  }
}