/* ==========================================================
   ANNOUNCEMENT BANNER — Variant 1: bold gradient bar
   Scrolls away with the page (not sticky); sits above the header.
   ========================================================== */
.announcement-bar{
  background:linear-gradient(90deg,var(--orange),var(--orange-dark) 55%,var(--navy-800));
  color:#fff;
}
.announcement-bar__inner{
  display:flex;align-items:center;gap:1rem;padding:.85rem 5%;flex-wrap:wrap;
}
.announcement-bar__badge{
  background:#fff;color:var(--orange-dark);font-weight:700;font-size:.7rem;
  text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.25rem .65rem;
  flex-shrink:0;
}
.announcement-bar__text{
  margin:0;flex:1;font-weight:600;font-size:.9rem;
}
.announcement-bar__link{
  color:#fff;text-decoration:underline;font-weight:700;margin-left:.35rem;white-space:nowrap;
}
.announcement-bar__close{
  background:rgba(255,255,255,.2);border:0;color:#fff;width:28px;height:28px;border-radius:50%;
  font-size:1.1rem;line-height:1;cursor:pointer;flex-shrink:0;
}
.announcement-bar__close:hover{background:rgba(255,255,255,.35)}
@media(max-width:640px){
  .announcement-bar__inner{padding:.75rem 5%}
  .announcement-bar__text{font-size:.85rem}
}