/* Headings stay visible unless the observer has explicitly prepared them. */
.heading-reveal{
  transition:opacity .8s ease,translate .8s ease;
}
.heading-reveal[data-heading-reveal="pending"]{
  opacity:0;
  translate:0 16px;
}
html.motion-paused .heading-reveal{
  opacity:1!important;
  translate:none!important;
  transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .heading-reveal{
    opacity:1!important;
    translate:none!important;
    transition:none!important;
  }
}
@media print{
  .heading-reveal{
    opacity:1!important;
    translate:none!important;
    transition:none!important;
  }
}