@media(prefers-reduced-motion:no-preference){
  .hero-photo{animation:none}
  .hero-caption{animation:caption-arrive .9s .18s cubic-bezier(.22,1,.36,1) both}
  .header-wordmark{animation:mark-arrive .8s cubic-bezier(.22,1,.36,1) both}
}
@keyframes hero-arrive{from{opacity:0;transform:translateX(-50%) scale(1.025)}to{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes caption-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mark-arrive{from{opacity:.25}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.study-view{transform:none!important}}
@media print{[data-reveal]{opacity:1!important;transform:none!important}}

@view-transition{navigation:auto}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}}