/* Module CSS hooks (copied from kit modules.css — reveal + ticker blocks) */

/* reveal.js: [data-reveal] + .is-visible
   Hidden state only applies once app.js confirms modules run (html.js-modules),
   so content stays visible on file:// preview and for no-JS visitors. */
html.js-modules [data-reveal] {
  opacity: 0;
  translate: 0 24px;
  transition: opacity var(--duration-deliberate) var(--ease-out-strong),
              translate var(--duration-deliberate) var(--ease-out-strong);
}
html.js-modules [data-reveal].is-visible {
  opacity: 1;
  translate: 0 0;
}
/* Stagger children: add data-reveal to each and a delay per item. */
[data-reveal]:nth-child(2) { transition-delay: 90ms; }
[data-reveal]:nth-child(3) { transition-delay: 180ms; }
[data-reveal]:nth-child(4) { transition-delay: 270ms; }

/* ticker.js: [data-ticker] track inside an overflow-hidden strip */
.ticker-strip {
  overflow: hidden;
  white-space: nowrap;
}
[data-ticker] {
  display: inline-flex;
  gap: var(--space-lg);
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] {
    opacity: 1;
    translate: 0 0;
  }
}