/* Only a successfully mounted observer adds these states. The HTML stays visible without JS. */
[data-page-reveal="pending"]{opacity:0}
[data-page-reveal="pending"][data-page-reveal-kind="hero"],
[data-page-reveal="pending"][data-page-reveal-kind="heading"]{opacity:.3;clip-path:inset(0 -.15em 100% -.15em)}
@media(prefers-reduced-motion:reduce){
 [data-page-reveal="pending"]{opacity:1;clip-path:none;transform:none}
}