/* Motion enhances the page; content is visible without JavaScript. */
@media (prefers-reduced-motion:no-preference) {
  .button,.navigation nav .nav-resume,.toplinks .nav-resume {
    transition:background .18s ease,color .18s ease,translate .2s ease,box-shadow .2s ease;
  }
  .featured-project,.flow-cover,.flow-screen,.screen-image {
    transition:border-color .22s ease,box-shadow .22s ease;
  }
  .button>span,.nav-resume>span,.text-link>span,.secondary-link>span {
    display:inline-block;
    transition:translate .2s ease;
  }
  .flow-chapters a,.chapter-nav a {
    transition:color .18s ease,background-color .18s ease;
  }
  @media (hover:hover) and (pointer:fine) {
    .button:hover,.navigation nav .nav-resume:hover,.toplinks .nav-resume:hover {
      translate:0 -2px;
      box-shadow:0 6px 16px #24282416;
    }
    .button:hover>span,.text-link:hover>span,.secondary-link:hover>span {
      translate:3px 0;
    }
    .featured-project:hover,.flow-cover:hover,.flow-screen:hover,.screen-image:hover {
      box-shadow:0 12px 30px #2428240c;
      border-color:#acae9d;
    }
  }
  .button:active,.navigation nav .nav-resume:active,.toplinks .nav-resume:active {
    translate:0 0;
  }
}
.flow-chapters a[aria-current="location"] {
  color:var(--flow-accent,#625575);
  box-shadow:inset 0 -2px currentColor;
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important}
  .project-visual:hover img {transform:none}
  .button,.nav-resume,.featured-project,.flow-cover,.flow-screen,.screen-image,
  .button>span,.nav-resume>span,.text-link>span,.secondary-link>span {
    transition:none!important;
    animation:none!important;
  }
}