/* Same typographic language as the hero, with less travel and a shorter entrance.
   JS adds these classes, so headings remain readable without enhancement. */
.chapter-line { display: block; overflow: clip; padding: 0 .1em .14em; margin: 0 -.1em -.14em; }
.chapter-line > span { display: block; }
.heading-reveal > .section-number {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 500ms ease, transform 650ms cubic-bezier(.22,1,.36,1);
}
.heading-reveal .chapter-line > span {
  opacity: 0;
  transform: translateY(40%);
  filter: blur(1.4px);
  transition: opacity 750ms ease, transform 900ms cubic-bezier(.22,1,.36,1), filter 750ms ease;
  transition-delay: 100ms;
}
.heading-reveal .chapter-line:nth-child(2) > span { transition-delay: 220ms; }
.is-heading-visible > .section-number,
.is-heading-visible .chapter-line > span { opacity: 1; transform: none; filter: none; }
@media(prefers-reduced-motion:reduce) {
  .heading-reveal > .section-number,
  .heading-reveal .chapter-line > span { opacity: 1; transform: none; filter: none; transition: none; }
}