diff --git a/_includes/blog-list.njk b/_includes/blog-list.njk
index b7fd0f7..d1bba01 100644
--- a/_includes/blog-list.njk
+++ b/_includes/blog-list.njk
@@ -3,7 +3,7 @@
 <main class="max-w-4xl mx-auto sm:px-6 lg:px-8">
   <div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base">
     <div class="flex flex-col gap-2">
-      <h1 class="text-5xl tracking-tight text-pink fancy-heading">
+      <h1 class="text-5xl tracking-tight text-pink fancy-heading inline-block motion-safe:animate-fade-right">
         {{ page.fileSlug | capitalize }}
       </h1>
       <div class="mt-0 text-xl text-subtext1">
diff --git a/_includes/category.njk b/_includes/category.njk
index f8a7160..9bbedb3 100644
--- a/_includes/category.njk
+++ b/_includes/category.njk
@@ -3,7 +3,7 @@
 <main class="mt-12 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
   <div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl">
     <div>
-      <h1 class="text-5xl tracking-tight fancy-heading">
+      <h1 class="text-5xl tracking-tight fancy-heading inline-block motion-safe:animate-fade-right">
         {{ page.fileSlug | capitalize }}
       </h1>
       <div class="mt-3 text-xl text-subtext1 sm:mt-4">
diff --git a/_includes/content.njk b/_includes/content.njk
index 1469ee7..551c1a0 100644
--- a/_includes/content.njk
+++ b/_includes/content.njk
@@ -3,7 +3,7 @@
 <main class="max-w-4xl mx-auto sm:px-6 lg:px-8">
   <div class="max-w-3x1 mx-auto mb-4 px-2 py-1 sm:rounded contrast-more:bg-base">
     <div class="flex flex-wrap items-baseline">
-      <h1 class="my-2 text-5xl tracking-tight fancy-heading">
+      <h1 class="my-2 text-5xl tracking-tight fancy-heading inline-block motion-safe:animate-fade-right">
         <span class="font-serif">{{ title }}</span>
         <small class="inline-block h-1 mt-0 text-xl text-text font-light">
           in <a href="/{{tags[0]}}" class="link">{{ tags[0] | capitalize }}</a>
diff --git a/_includes/pinned.njk b/_includes/pinned.njk
index 63f89ba..53f6801 100644
--- a/_includes/pinned.njk
+++ b/_includes/pinned.njk
@@ -3,7 +3,7 @@
 <main class="max-w-7xl mx-auto px-2">
   <div class="relative max-w-lg mx-auto divide-y-2 divide-yellow lg:max-w-7xl">
     <div class="p-2 bg-base/75 shadow-lg shadow-yellow/50 rounded border-2 border-base border-l-yellow sm:rounded-tl-none sm:rounded-tr-none">
-      <h1 class="font-serif mt-2 mb-8 text-4xl tracking-tight fancy-heading">
+      <h1 class="font-serif mt-2 mb-8 text-4xl tracking-tight fancy-heading inline-block motion-safe:animate-fade">
         {{ title | markdown | safe }}
       </h1>
       <div class="mt-3 max-w-2xl">