/* ==========================================================================
   Announcement Bar
   ========================================================================== */
.announce {
  background: var(--c-ink);
  color: var(--c-bg);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 10px 44px;
  position: relative;
}
.announce__rotator { position: relative; min-height: 1.4em; }
.announce__item { opacity: 0; position: absolute; left: 0; right: 0; top: 0; transition: opacity .5s var(--ease); }
.announce__item.is-active { opacity: 1; position: relative; }
.announce__close {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  color: inherit; font-size: 18px; line-height: 1; opacity: .7; padding: 6px;
}
.announce__close:hover { opacity: 1; }