/* Quiet entrance motion. Only opacity and vertical movement are animated. */
@media (prefers-reduced-motion: no-preference) {
  .entry-content > .page-hero > .eyebrow,
  .entry-content > .bn-hero-background .hero-top {
    animation: bn-fade-down .5s ease-out both;
  }

  .entry-content > .page-hero > h1,
  .entry-content > .bn-hero-background .hero-main {
    animation: bn-fade-up .58s cubic-bezier(.22, .68, .3, 1) both;
  }

  .entry-content > .page-hero > .page-lead,
  .entry-content > .bn-hero-background .hero-bottom {
    animation: bn-fade-up .58s cubic-bezier(.22, .68, .3, 1) .07s both;
  }

  .bn-reveal {
    --bn-reveal-y: 0px;
    opacity: 0;
    transform: translate3d(0, var(--bn-reveal-y), 0);
    transition: opacity .58s ease-out, transform .58s cubic-bezier(.22, .68, .3, 1);
  }

  .bn-reveal[data-bn-reveal="up"] { --bn-reveal-y: 10px; }
  .bn-reveal[data-bn-reveal="down"] { --bn-reveal-y: -8px; }

  .bn-reveal.bn-reveal--visible {
    opacity: 1;
    transform: none;
  }

  @keyframes bn-fade-up {
    from { opacity: 0; transform: translate3d(0, 10px, 0); }
    to { opacity: 1; transform: none; }
  }

  @keyframes bn-fade-down {
    from { opacity: 0; transform: translate3d(0, -8px, 0); }
    to { opacity: 1; transform: none; }
  }
}