From 1d49929ed3d19fea2c97c40bb7157ab46033c6b0 Mon Sep 17 00:00:00 2001
From: Matt Batchelder <matt@buzzbee.dev>
Date: Sat, 21 Feb 2026 12:07:06 -0500
Subject: [PATCH] Reverse scale transformation for animation effects in the
 ts-stick component

---
 theme/assets/css/main.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/theme/assets/css/main.css b/theme/assets/css/main.css
index 187ea43..f957245 100644
--- a/theme/assets/css/main.css
+++ b/theme/assets/css/main.css
@@ -2529,7 +2529,7 @@ p:last-child { margin-bottom: 0; }
   position: absolute;
   right: -20px;
   top: 50%;
-  transform: translateY(-50%) translateX(80px);
+  transform: translateY(-50%) translateX(80px) scaleX(-1);
   display: flex;
   align-items: center;
   opacity: 0;
@@ -2598,11 +2598,11 @@ p:last-child { margin-bottom: 0; }
   animation: ts-slide-in 1.4s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
 }
 @keyframes ts-slide-in {
-  0%   { opacity: 0; transform: translateY(-50%) translateX(80px); }
-  20%  { opacity: 1; transform: translateY(-50%) translateX(60px); }
-  70%  { transform: translateY(-50%) translateX(8px); }
-  85%  { transform: translateY(-50%) translateX(12px); }
-  100% { opacity: 1; transform: translateY(-50%) translateX(6px); }
+  0%   { opacity: 0; transform: translateY(-50%) translateX(80px) scaleX(-1); }
+  20%  { opacity: 1; transform: translateY(-50%) translateX(60px) scaleX(-1); }
+  70%  { transform: translateY(-50%) translateX(8px) scaleX(-1); }
+  85%  { transform: translateY(-50%) translateX(12px) scaleX(-1); }
+  100% { opacity: 1; transform: translateY(-50%) translateX(6px) scaleX(-1); }
 }
 /* Responsive scale-down */
 @media (max-width: 900px) {
@@ -2621,7 +2621,7 @@ p:last-child { margin-bottom: 0; }
 @media (prefers-reduced-motion: reduce) {
   .ts-stage .ts-stick {
     opacity: 1;
-    transform: translateY(-50%) translateX(6px);
+    transform: translateY(-50%) translateX(6px) scaleX(-1);
   }
   .ts-stage.is-animating .ts-stick { animation: none; }
   .ts-stage.is-plugged .ts-tv__screen { animation: none; }