/* Page-load entrance animations for the home page (see reveal.js) */
@media (prefers-reduced-motion: no-preference) {
  /* Page-load animations: header and 3D intro copy */
  @keyframes rvUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
  @keyframes rvDown { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: none; } }
  [data-rv-head] { animation: rvDown .8s cubic-bezier(.2,.7,.2,1) backwards; }
  [data-rv-load] { animation: rvUp 1s cubic-bezier(.2,.7,.2,1) backwards; }
  /* Keep the eyebrow clear of the 3D frame: pin it under the header instead of above the title. */
  #intro [data-rv-load="1"] { position: absolute; top: 215px; left: 0; right: 0; margin: 0; }
  [data-rv-load="1"] { animation-delay: .25s; }
  [data-rv-load="2"] { animation-delay: .45s; }
  [data-rv-load="3"] { animation-delay: .75s; }
}