/* Shared rotating announcement bar — the same refined treatment across every page. */
.announcement {
  overflow: hidden;
}

.announcement-content {
  display: flex;
  min-height: 22px;
  align-items: center;
  justify-content: center;
  gap: 0 7px;
  max-width: 100%;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 460ms cubic-bezier(.22,.61,.36,1), transform 460ms cubic-bezier(.22,.61,.36,1);
}

.announcement-content.is-changing {
  opacity: 0;
  transform: translateY(6px);
}

.announcement-kicker {
  color: rgba(216, 186, 119, .9);
  font-size: .88em;
  letter-spacing: .18em;
}

.announcement-separator {
  color: rgba(255, 255, 255, .34);
  font-weight: 400;
}

.announcement-copy {
  color: rgba(255, 255, 255, .9);
}

.announcement-content a {
  margin-left: 3px;
  border-bottom: 1px solid rgba(216, 186, 119, .65);
  color: var(--pollen, #d8ba77);
  transition: color 180ms ease, border-color 180ms ease;
}

.announcement-content a:hover {
  border-color: rgba(255, 255, 255, .9);
  color: var(--white, #fffdfa);
}

@media (max-width: 650px) {
  .announcement-content {
    gap: 0 5px;
    padding: 1px 0;
  }

  .announcement-kicker,
  .announcement-separator {
    display: none;
  }

  .announcement-copy {
    max-width: calc(100vw - 132px);
  }

  .announcement-content a {
    margin-left: 1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .announcement-content {
    transition: none;
  }
}