/* EFFECTS: scroll reveal, page fade, progress bar, reduced-motion switch-off. */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.rv{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.rv.in{opacity:1;transform:none}
main.fd{animation:fd .35s}@keyframes fd{from{opacity:0}}
.grid .item{transition:padding-left .2s,box-shadow .2s}.grid .item:hover{padding-left:12px;box-shadow:inset 3px 0 0 var(--acc)}
#pg{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--acc);transform-origin:0 0;transform:scaleX(0);z-index:9}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}