.news-banner { display:flex; align-items:stretch; width:100%; min-height:44px; background:#d92332; color:#fff; font:600 12px/1.5 Manrope,Arial,sans-serif; position:relative; z-index:5; }
.news-banner[hidden] { display:none; }
.news-label { display:flex; align-items:center; flex:0 0 auto; padding:0 22px; background:rgba(0,0,0,.12); font:500 10px 'DM Mono',monospace; letter-spacing:.1em; }
.news-viewport { overflow:hidden; flex:1; min-width:0; display:flex; align-items:center; }
.news-track { display:flex; width:max-content; min-width:200%; animation:twende-news var(--news-duration,40s) linear infinite; }
.news-group { flex:1 0 auto; display:flex; align-items:center; justify-content:space-around; }
.news-item { display:inline-flex; align-items:center; flex-shrink:0; white-space:nowrap; padding:12px 24px; }
.news-item::after { content:'✦'; font-size:9px; margin-left:48px; opacity:.65; }
.news-banner:hover .news-track { animation-play-state:paused; }
.news-sr { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes twende-news { to { transform:translateX(-50%); } }
/* Keep the original absolute homepage header in normal document flow when
   adding a strip above it, without creating a gap when the strip is disabled. */
body.has-news-banner .site-header { position:relative; }
body.has-news-banner .hero { padding-top:88px; }
@media(max-width:760px) {
  .news-label { padding:0 12px; font-size:9px; }
  .news-item { padding:12px 18px; }
  body.has-news-banner .hero { padding-top:63px; }
}
@media(prefers-reduced-motion:reduce) {
  .news-track { animation:none; min-width:0; width:100%; }
  .news-group { flex:1 1 100%; flex-wrap:wrap; justify-content:flex-start; }
  .news-group + .news-group { display:none; }
  .news-item { white-space:normal; flex:1 1 100%; padding:8px 14px; }
  .news-item::after { display:none; }
}