/* ============================================================
   16 — Announce
   Homepage-only promo strip. Sits above the hero, below the fixed nav;
   the hero's own nav-height offset (css/sections/02-hero.css) was moved
   here so the two don't stack.
   ============================================================ */

.sec-16-announce {
  background: var(--accent);
  color: var(--accent-on);
  padding-top: var(--nav-h);
}

.sec-16-announce__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem 1.25rem;
  padding-block: 0.65rem;
  text-align: center;
}

.sec-16-announce__text {
  font-family: var(--font-display);
  font-size: 0.95rem;
  letter-spacing: 0.01em;
}

.sec-16-announce__text strong {
  color: var(--ember);
}

.sec-16-announce__link.btn {
  padding: 0.4rem 1.1rem;
  font-size: 0.85rem;
  flex: none;
}

@media (max-width: 640px) {
  .sec-16-announce__text {
    font-size: 0.85rem;
  }
}