.h8-news-hidden { --h8-ticker-height: 0px; }
.h8-ticker[hidden] { display: none; }
.h8-ticker {
  position: fixed; inset: 0 auto auto 50%; z-index: calc(var(--z-sticky) + 1); isolation: isolate;
  width: calc(100% - var(--space-6)); max-width: var(--h5-extras-width);
  transform: translateX(-50%);
  height: var(--h8-ticker-height); color: var(--h8-ticker-ink);
}
.h8-ticker::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  border-bottom: var(--h8-ticker-border);
  -webkit-mask-image: var(--h5-stats-edge-mask); mask-image: var(--h5-stats-edge-mask);
}
.h8-ticker__inner {
  display: flex; align-items: center; gap: var(--space-3);
  width: 100%; max-width: var(--h5-extras-width);
  height: 100%; margin-inline: auto;
}
.h8-ticker__viewport {
  flex: 1; min-width: 0; overflow: auto;
  -webkit-mask-image: var(--h5-stats-edge-mask); mask-image: var(--h5-stats-edge-mask);
}
.h8-ticker__track, .h8-ticker__group { display: flex; width: max-content; align-items: center; }
.h8-ticker__group { flex: none; gap: var(--h8-ticker-gap); padding-right: var(--h8-ticker-gap); }
.h8-ticker__item { display: flex; align-items: center; gap: var(--space-3); white-space: nowrap; font: var(--h8-ticker-fallback-type); }
.h8-ticker__item::after { content: ''; width: var(--h8-ticker-separator); height: var(--h8-ticker-separator); background: var(--brand-preview-yellow); border-radius: 50%; }
.h8-ticker__category { color: var(--brand-preview-yellow); }
.h8-ticker__led { flex: none; height: var(--h8-ticker-led-height); width: auto; overflow: visible; fill: currentColor; filter: var(--h8-ticker-glow); }
.h8-ticker__led .led-category { fill: var(--brand-preview-yellow); }
.h8-ticker.is-ready .h8-ticker__viewport { overflow: hidden; }
.h8-ticker.is-ready .h8-ticker__track { animation: h8-ticker-scroll var(--h8-ticker-duration) linear infinite; }
.h8-ticker:hover .h8-ticker__track,
.h8-ticker:focus-within .h8-ticker__track,
.h8-ticker.is-hidden .h8-ticker__track { animation-play-state: paused; }
.h8-ticker :focus-visible { outline: var(--h5-nav-focus); outline-offset: var(--h8-ticker-focus-offset); }
@keyframes h8-ticker-scroll { to { transform: translateX(-50%); } }
/* One uninterrupted surface covers both the ticker and navigation. */
.h5-header { top: var(--h8-ticker-height); background: transparent; }
.h5-header::before {
  content: ''; position: absolute; inset: calc(0px - var(--h8-ticker-height)) 0 0;
  z-index: -1; pointer-events: none; background: var(--h5-nav-background);
}
.h5-hero-copy { top: calc(var(--h5-copy-top) + var(--h8-ticker-height)); }
.h5-mega { max-height: calc(100svh - var(--h5-nav-height) - var(--h8-ticker-height) - var(--space-5)); }
@media (max-width: 1100px) {
  :root { --h5-scene-top: calc(var(--h5-nav-height-mobile) + var(--h8-ticker-height)); }
  .h5-header::before { background: var(--h5-nav-panel); }
  .h5-hero-copy { top: var(--h5-copy-top); }
  .h5-nav { max-height: calc(100svh - var(--h5-scene-top) - var(--space-5)); }
  .h5-mega { max-height: none; }
}
@media (max-width: 560px) {
  .h8-ticker__led { height: var(--h8-ticker-led-mobile); }
}
@media (prefers-reduced-motion: reduce) {
  .h8-ticker.is-ready .h8-ticker__track { animation: none; }
  .h8-ticker.is-ready .h8-ticker__viewport { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .h8-ticker__group[aria-hidden] { display: none; }
}