/* Quiet, responsive interactions throughout the page. */
@media(prefers-reduced-motion:no-preference){
 body>header .main-nav a,body>header .links a{background-image:linear-gradient(#375f9f,#375f9f);background-size:0 1px;background-position:left calc(100% - 17px);background-repeat:no-repeat;transition:background-size .32s cubic-bezier(.22,.8,.2,1),color .2s}
 body>header .main-nav a:hover,body>header .links a:hover{background-size:100% 1px}
 a.button,a.btn{transition:transform .28s cubic-bezier(.22,.8,.2,1),background-color .25s,border-color .25s,box-shadow .25s!important}
 a.button:hover,a.btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(17,24,39,.045)!important}
 a.button:active,a.btn:active{transform:translateY(0) scale(.985)}
 .article-card h3,.portal-card h3,.card h3{transition:transform .32s cubic-bezier(.22,.8,.2,1)}
 .article-card:hover h3,.portal-card:hover h3,a.card:hover h3{transform:translateX(3px)}
 .article-card .article-card-bottom>span{transition:transform .32s cubic-bezier(.22,.8,.2,1)}
 .article-card:hover .article-card-bottom>span{transform:translateX(4px)}
 footer a:not(.logo):not(.wordmark){transition:color .2s,transform .28s}
 footer a:not(.logo):not(.wordmark):hover{transform:translateX(2px)}
}