/* Section headings fade in as they scroll into view, as on genai-wednesday.de (Daniel, 2026-10-28).
   The only motion on the site, and only where the visitor's system allows it; public/js/reveal.js
   adds .reveal to headings still below the fold. The hidden state has no transition, so a heading
   never fades out first. tests/no-motion-no-storage.spec.ts keeps every motion rule inside the media query below. */
@media (prefers-reduced-motion: no-preference) {
  .reveal { opacity: 0; transform: translateY(12px); }
  .reveal.is-visible { opacity: 1; transform: none; transition: opacity 0.55s ease-out, transform 0.55s ease-out; }
  .reveal-delay.is-visible { transition-delay: 0.09s; }
}
/* Printing never scrolls, so nothing would ever be revealed on paper. */
@media print {
  .reveal { opacity: 1 !important; transform: none !important; }
}