Move media query below class selectors

layouts/partials/paige/style.html

@@ -87,12 +87,6 @@ body, html {
     margin-bottom: 1rem;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    .paige-header-link {
-        transition: none;
-    }
-}
-
 .paige-header-link:focus, .paige-header-link:hover, :hover > .paige-header-link, :target > .paige-header-link {
     opacity: 1;
 }
@@ -101,6 +95,12 @@ body, html {
     margin-bottom: 1rem;
 }
 
+@media (prefers-reduced-motion: reduce) {
+    .paige-header-link {
+        transition: none;
+    }
+}
+
 {{ with $page.Param "paige.max_width" }}
     #paige-root {
         max-width: {{ . | safeCSS }};