Index: src/wp-content/themes/twentytwentyone/assets/css/ie.css
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/css/ie.css	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/css/ie.css	(working copy)
@@ -5964,9 +5964,14 @@
 	padding-right: 20px;
 	padding-bottom: 25px;
 	background-color: #d1e4dd;
-	transition: all 0.15s ease-in-out;
 	transform: translateY(30px);
 }
+@media (prefers-reduced-motion: no-preference) {
+
+	.primary-navigation > .primary-menu-container {
+		transition: all 0.15s ease-in-out;
+	}
+}
 @media only screen and (max-width: 481px) {
 
 	.primary-navigation > .primary-menu-container {
@@ -6148,6 +6153,12 @@
 .primary-navigation > div > .menu-wrapper > li > .sub-menu {
 	position: relative;
 }
+@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {
+
+	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
+		transition: all 0.5s ease;
+	}
+}
 @media only screen and (min-width: 482px) {
 
 	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
@@ -6157,7 +6168,6 @@
 		position: absolute;
 		top: 100%;
 		padding-top: 3px;
-		transition: all 0.5s ease;
 		z-index: 88888;
 	}
 
@@ -6438,7 +6448,6 @@
 
 .footer-navigation-wrapper li a {
 	padding: 17px 13px;
-	transition: transform 0.1s ease;
 	color: #28303d;
 }
 
@@ -6477,7 +6486,13 @@
 .footer-navigation-wrapper li .svg-icon:hover {
 	transform: scale(1.1);
 }
+@media (prefers-reduced-motion: no-preference) {
 
+	.footer-navigation-wrapper li .svg-icon {
+		transition: transform 0.1s ease;
+	}
+}
+
 .footer-navigation-wrapper .sub-menu-toggle,
 .footer-navigation-wrapper .menu-item-description {
 	display: none;
@@ -6986,14 +7001,6 @@
 	outline: 0;
 }
 
-@media (prefers-reduced-motion) {
-
-	* {
-		transition-delay: 0s !important;
-		transition-duration: 0s !important;
-	}
-}
-
 .has-black-color[class] {
 	color: #000;
 }
Index: src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css	(working copy)
@@ -49,7 +49,6 @@
 		position: fixed;
 		bottom: 5px;
 		left: 5px;
-		transition: bottom 0.5s;
 	}
 
 	#dark-mode-toggler.fixed-bottom.hide:not(:focus) {
@@ -106,3 +105,9 @@
 		display: none;
 	}
 }
+@media only screen and (prefers-reduced-motion: no-preference) {
+
+	#dark-mode-toggler.fixed-bottom {
+		transition: bottom 0.5s;
+	}
+}
Index: src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css	(working copy)
@@ -49,7 +49,6 @@
 		position: fixed;
 		bottom: 5px;
 		right: 5px;
-		transition: bottom 0.5s;
 	}
 
 	#dark-mode-toggler.fixed-bottom.hide:not(:focus) {
@@ -106,3 +105,9 @@
 		display: none;
 	}
 }
+@media only screen and (prefers-reduced-motion: no-preference) {
+
+	#dark-mode-toggler.fixed-bottom {
+		transition: bottom 0.5s;
+	}
+}
Index: src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/sass/06-components/footer-navigation.scss	(working copy)
@@ -21,7 +21,6 @@
 
 		a {
 			padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
-			transition: transform 0.1s ease;
 			color: var(--footer--color-link);
 
 			&:link,
@@ -63,6 +62,10 @@
 			&:hover {
 				transform: scale(1.1);
 			}
+
+			@media (prefers-reduced-motion: no-preference) {
+				transition: transform 0.1s ease;
+			}
 		}
 	}
 
Index: src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss	(working copy)
@@ -101,9 +101,12 @@
 		padding-right: var(--global--spacing-unit);
 		padding-bottom: var(--global--spacing-horizontal);
 		background-color: var(--global--color-background);
-		transition: all .15s ease-in-out;
 		transform: translateY(var(--global--spacing-vertical));
 
+		@media (prefers-reduced-motion: no-preference) {
+			transition: all .15s ease-in-out;
+		}
+
 		@include media(mobile-only) {
 			height: 100vh;
 			z-index: 499;
@@ -279,6 +282,12 @@
 			position: relative;
 
 			@include media(mobile) {
+				@media (prefers-reduced-motion: no-preference) {
+					transition: all 0.5s ease;
+				}
+			}
+
+			@include media(mobile) {
 				left: 0;
 				margin: 0;
 				min-width: max-content;
@@ -285,7 +294,6 @@
 				position: absolute;
 				top: 100%;
 				padding-top: 3px;
-				transition: all 0.5s ease;
 				z-index: 88888;
 
 				&:before,
Index: src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss	(working copy)
@@ -38,11 +38,3 @@
 #content[tabindex="-1"]:focus {
 	outline: 0;
 }
-
-@media (prefers-reduced-motion) {
-
-	* {
-		transition-delay: 0s !important;
-		transition-duration: 0s !important;
-	}
-}
Index: src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss
===================================================================
--- src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss	(working copy)
@@ -46,9 +46,8 @@
 
 		&.fixed-bottom {
 			position: fixed;
-			bottom: 5px;
+			bottom: 5px; // The bottom property has transition (see below).
 			right: 5px;
-			transition: bottom 0.5s;
 
 			&.hide:not(:focus) {
 				bottom: -80px;
@@ -97,5 +96,11 @@
 		.is-IE & {
 			display: none;
 		}
+
+		&.fixed-bottom {
+			@media (prefers-reduced-motion: no-preference) {
+				transition: bottom 0.5s;
+			}
+		}
 	}
 }
Index: src/wp-content/themes/twentytwentyone/style-rtl.css
===================================================================
--- src/wp-content/themes/twentytwentyone/style-rtl.css	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/style-rtl.css	(working copy)
@@ -4692,9 +4692,14 @@
 	padding-left: var(--global--spacing-unit);
 	padding-bottom: var(--global--spacing-horizontal);
 	background-color: var(--global--color-background);
-	transition: all 0.15s ease-in-out;
 	transform: translateY(var(--global--spacing-vertical));
 }
+@media (prefers-reduced-motion: no-preference) {
+
+	.primary-navigation > .primary-menu-container {
+		transition: all 0.15s ease-in-out;
+	}
+}
 @media only screen and (max-width: 481px) {
 
 	.primary-navigation > .primary-menu-container {
@@ -4864,6 +4869,12 @@
 .primary-navigation > div > .menu-wrapper > li > .sub-menu {
 	position: relative;
 }
+@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {
+
+	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
+		transition: all 0.5s ease;
+	}
+}
 @media only screen and (min-width: 482px) {
 
 	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
@@ -4873,7 +4884,6 @@
 		position: absolute;
 		top: 100%;
 		padding-top: 3px;
-		transition: all 0.5s ease;
 		z-index: 88888;
 	}
 
@@ -5105,7 +5115,6 @@
 
 .footer-navigation-wrapper li a {
 	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
-	transition: transform 0.1s ease;
 	color: var(--footer--color-link);
 }
 
@@ -5138,7 +5147,13 @@
 .footer-navigation-wrapper li .svg-icon:hover {
 	transform: scale(1.1);
 }
+@media (prefers-reduced-motion: no-preference) {
 
+	.footer-navigation-wrapper li .svg-icon {
+		transition: transform 0.1s ease;
+	}
+}
+
 .footer-navigation-wrapper .sub-menu-toggle,
 .footer-navigation-wrapper .menu-item-description {
 	display: none;
@@ -5594,14 +5609,6 @@
 	outline: 0;
 }
 
-@media (prefers-reduced-motion) {
-
-	* {
-		transition-delay: 0s !important;
-		transition-duration: 0s !important;
-	}
-}
-
 .has-black-color[class] {
 	color: var(--global--color-black);
 }
Index: src/wp-content/themes/twentytwentyone/style.css
===================================================================
--- src/wp-content/themes/twentytwentyone/style.css	(revision 52304)
+++ src/wp-content/themes/twentytwentyone/style.css	(working copy)
@@ -4712,9 +4712,14 @@
 	padding-right: var(--global--spacing-unit);
 	padding-bottom: var(--global--spacing-horizontal);
 	background-color: var(--global--color-background);
-	transition: all 0.15s ease-in-out;
 	transform: translateY(var(--global--spacing-vertical));
 }
+@media (prefers-reduced-motion: no-preference) {
+
+	.primary-navigation > .primary-menu-container {
+		transition: all 0.15s ease-in-out;
+	}
+}
 @media only screen and (max-width: 481px) {
 
 	.primary-navigation > .primary-menu-container {
@@ -4884,6 +4889,12 @@
 .primary-navigation > div > .menu-wrapper > li > .sub-menu {
 	position: relative;
 }
+@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {
+
+	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
+		transition: all 0.5s ease;
+	}
+}
 @media only screen and (min-width: 482px) {
 
 	.primary-navigation > div > .menu-wrapper > li > .sub-menu {
@@ -4893,7 +4904,6 @@
 		position: absolute;
 		top: 100%;
 		padding-top: 3px;
-		transition: all 0.5s ease;
 		z-index: 88888;
 	}
 
@@ -5141,7 +5151,6 @@
 
 .footer-navigation-wrapper li a {
 	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
-	transition: transform 0.1s ease;
 	color: var(--footer--color-link);
 }
 
@@ -5174,7 +5183,13 @@
 .footer-navigation-wrapper li .svg-icon:hover {
 	transform: scale(1.1);
 }
+@media (prefers-reduced-motion: no-preference) {
 
+	.footer-navigation-wrapper li .svg-icon {
+		transition: transform 0.1s ease;
+	}
+}
+
 .footer-navigation-wrapper .sub-menu-toggle,
 .footer-navigation-wrapper .menu-item-description {
 	display: none;
@@ -5630,14 +5645,6 @@
 	outline: 0;
 }
 
-@media (prefers-reduced-motion) {
-
-	* {
-		transition-delay: 0s !important;
-		transition-duration: 0s !important;
-	}
-}
-
 .has-black-color[class] {
 	color: var(--global--color-black);
 }