/* Motion only: keep homepage colours, borders, type and layout unchanged. */
.home-motion{transition:opacity .7s ease var(--home-delay,0ms),translate .7s cubic-bezier(.2,.65,.3,1) var(--home-delay,0ms)}
.home-motion.home-motion-pending{opacity:0;translate:0 22px}
@media(hover:hover) and (pointer:fine){
 .home-page .number-grid>div>*,.home-page .number-grid>a>*,.home-page .fresh-copy li>*,.home-page .news-list article>*{transition:transform .28s ease}
 .home-page .number-grid>div:hover>*,.home-page .number-grid>a:hover>*{transform:translateY(-4px)}
 .home-page .fresh-copy li:hover>*{transform:translateX(4px)}
 .home-page .news-list article:hover>*{transform:translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
 .home-page .home-motion{transition:none;translate:none}
 .home-page .home-motion-pending{opacity:1}
 .home-page .number-grid>div>*,.home-page .number-grid>a>*,.home-page .fresh-copy li>*,.home-page .news-list article>*{transition:none!important;transform:none!important}
}