html.category-motion-ready .category-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
html.category-motion-ready .category-reveal.is-visible{opacity:1;transform:none}
html.category-motion-ready .category-reveal[data-reveal-delay="1"]{transition-delay:.08s}
html.category-motion-ready .category-reveal[data-reveal-delay="2"]{transition-delay:.16s}
html.category-motion-ready .category-reveal[data-reveal-delay="3"]{transition-delay:.24s}
html.category-motion-ready .page-intro.category-reveal{transform:translateY(20px)}
html.category-motion-ready .page-intro.category-reveal.is-visible{transform:none}
html.category-motion-ready .page-intro span{opacity:0;transform:translateY(10px);transition:opacity .7s .08s ease,transform .7s .08s cubic-bezier(.22,.61,.36,1)}
html.category-motion-ready .page-intro h1{opacity:0;transform:translateY(18px);transition:opacity 1s .2s ease,transform 1s .2s cubic-bezier(.22,.61,.36,1)}
html.category-motion-ready .page-intro.is-visible span,html.category-motion-ready .page-intro.is-visible h1{opacity:1;transform:none}
html.category-motion-ready .story-copy.category-reveal{transform:translateY(42px)}
html.category-motion-ready .category-explorer.category-reveal{transform:translateY(30px)}

/* Galleries must never reveal as one block. Their individual tiles use the exact
   bidirectional motion from mosaic-motion-v2.js, like the homepage mosaic. */
html.category-motion-ready .gallery-reveal.category-reveal,
html.category-motion-ready .gallery-reveal.category-reveal.is-visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  transition-delay:0s!important;
  will-change:auto!important;
}

/* Keep the category heading visually attached to the first story. */
html body .page-intro{
  min-height:0!important;
  padding-top:96px!important;
  padding-bottom:18px!important;
}
html body .story-section:first-of-type .story-copy{
  padding-top:22px!important;
}
@media(max-width:900px){
  html body .page-intro{
    min-height:0!important;
    padding-top:76px!important;
    padding-bottom:12px!important;
  }
  html body .story-section:first-of-type .story-copy{
    padding-top:16px!important;
  }
}

@media(prefers-reduced-motion:reduce){html.category-motion-ready .category-reveal,html.category-motion-ready .page-intro span,html.category-motion-ready .page-intro h1{opacity:1!important;transform:none!important;transition:none!important}}