/*
 * Shared scroll-linked text reveal (see assets/js/reveal.js). Opt-in via [data-pt-reveal].
 * Set --pt-rv-on / --pt-rv-off on the heading. Characters are created by JS, so without JS the
 * heading keeps its normal (final) colours.
 */
.pt-rv__w {
	display: inline-block;
	white-space: nowrap;
}

.pt-rv-ready .pt-rv__c {
	color: var(--pt-rv-off, rgba(0, 0, 0, 0.15));
	transition: color 0.18s linear;
}

.pt-rv-ready .pt-rv__c.is-on {
	color: var(--pt-rv-on, #000);
}

.pt-rv-ready.is-static .pt-rv__c {
	color: var(--pt-rv-on, #000);
	transition: none;
}

@media (prefers-reduced-motion: reduce) {
	.pt-rv-ready .pt-rv__c {
		color: var(--pt-rv-on, #000);
		transition: none;
	}
}