/* The page stays readable and interactive without JavaScript. */
.entrance-line {
  display: block;
  overflow: clip;
  padding-block: .12em;
  margin-block: -.12em;
}
.entrance-line-content { display: block; }

@media (prefers-reduced-motion: no-preference) {
  @keyframes entrance-rise {
    from { opacity: 0; transform: translate3d(0, 20px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
  }
  @keyframes entrance-title {
    from { opacity: 0; transform: translate3d(0, 105%, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
  }
  @keyframes entrance-artwork {
    from { opacity: 0; transform: translate3d(0, 28px, 0) scale(.975); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  }
  .site-header .wordmark,
  .site-header .header-discipline,
  .site-header nav {
    animation: entrance-rise .65s cubic-bezier(.22, 1, .36, 1) .03s backwards;
  }
  .site-header nav { animation-delay: .1s; }
  .hero-eyebrow,
  .case-intro .back-link,
  .case-kicker {
    animation: entrance-rise .65s cubic-bezier(.22, 1, .36, 1) .1s backwards;
  }
  .entrance-line-content {
    animation: entrance-title .86s cubic-bezier(.22, 1, .36, 1) .16s backwards;
  }
  .entrance-line:nth-child(2) .entrance-line-content { animation-delay: .26s; }
  .hero-description,
  .case-intro-bottom {
    animation: entrance-rise .75s cubic-bezier(.22, 1, .36, 1) .34s backwards;
  }
  .hero-cta,
  .hero-bottom {
    animation: entrance-rise .7s cubic-bezier(.22, 1, .36, 1) .43s backwards;
  }
  .hero-artwork {
    animation: entrance-artwork .95s cubic-bezier(.22, 1, .36, 1) .22s backwards;
  }
  .hero-image-label,
  .hero-visual figcaption {
    animation: entrance-rise .7s cubic-bezier(.22, 1, .36, 1) .4s backwards;
  }
  .case-cover-inner {
    animation: entrance-artwork .9s cubic-bezier(.22, 1, .36, 1) .3s backwards;
  }
  @media (max-width: 700px) {
    .entrance-line-content { animation-duration: .7s; }
    .hero-artwork,
    .case-cover-inner { animation-duration: .8s; }
  }
}