/* Content is visible by default. Motion never gates access to the page. */
@media(prefers-reduced-motion:no-preference){
  .hero-heading h1{animation:enter .7s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy{animation:enter .7s .1s cubic-bezier(.2,.7,.2,1) both}
  .hero-feature{animation:enter .8s .15s cubic-bezier(.2,.7,.2,1) both}
  .revealed{animation:enter .55s cubic-bezier(.2,.7,.2,1) both}
  .button,.project-caption>span,.art-symbol{transition:background-color .18s,color .18s,border-color .18s}
  @keyframes enter{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}