/* Heading scroll-scrub reveal (outcrowd.io ".anim-heading-home"-style: each
   character fades in as the heading scrolls through the viewport, and
   reverses just as directly on scroll-up). Per-character opacity itself is
   driven from js/anim-heading.js, not a CSS @keyframes loop — see that file
   for how the reveal timing is computed. */
[data-anim-heading] .anim-word {
	display: inline-block;
}

[data-anim-heading] .anim-char {
	display: inline-block;
	will-change: opacity;
}

@media (prefers-reduced-motion: reduce) {
	[data-anim-heading] .anim-char {
		opacity: 1 !important;
	}
}