From 06262ec04ce78644e0ce96630840c15298f1bb76 Mon Sep 17 00:00:00 2001
From: Line INK <4line.ink1@gmail.com>
Date: Thu, 27 Aug 2026 22:19:53 +0300
Subject: [PATCH] Fix RTL layout bug breaking the achievements marquee loop

The page is RTL, so the oversized flex track's natural (untransformed) box wasn't left-aligned with its container the way the 0%->-50% keyframe math assumed. Halfway through the loop, translateX(-50%) was scrolling past all the actual image content into empty space beyond the track, showing a fully blank marquee for part of every cycle.

Force direction:ltr on .achv-marquee so the track lays out and scrolls the same predictable way regardless of page direction. Verified: track's left edge now matches the container's left edge at rest, and the duplicate set's first image lands exactly where the original one started, so the loop is seamless.
---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 14bcbdc..baf3791 100644
--- a/index.html
+++ b/index.html
@@ -278,7 +278,7 @@
   .achievements-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 20px 40px -18px rgba(0,0,0,.5);transition:transform .3s ease;}
   .achievements-grid img:hover{transform:translateY(-6px);}
 
-  .achv-marquee{margin-top:52px;position:relative;overflow:hidden;}
+  .achv-marquee{margin-top:52px;position:relative;overflow:hidden;direction:ltr;}
   .achv-marquee::before,.achv-marquee::after{
     content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none;
   }