From f7545e420303117609af8dca85211218e823d3d1 Mon Sep 17 00:00:00 2001
From: root <root@oyhkwtigrd.local>
Date: Fri, 11 Sep 2026 13:47:19 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=BF=D0=BE=D1=8F=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=81=D0=B5=D0=BA=D1=86=D0=B8=D0=B8=20mar?=
 =?UTF-8?q?quee=20=D0=BF=D1=80=D0=B8=20=D1=81=D0=BA=D1=80=D0=BE=D0=BB?=
 =?UTF-8?q?=D0=BB=D0=B5=20(data-reveal,=20=D0=BC=D1=8F=D0=B3=D0=BA=D0=B8?=
 =?UTF-8?q?=D0=B9=20fade+=D1=81=D0=B4=D0=B2=D0=B8=D0=B3)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/main.css  | 18 ++++++++++++++++++
 public/index.html    |  2 +-
 src/pages/index.html |  2 +-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index 012f512..42d0927 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -5352,6 +5352,24 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
   flex-shrink: 0;
 }
 
+/* Marquee появляется мягче, чем обычные секции (без большого сдвига) */
+.marquee[data-reveal] {
+  opacity: 0;
+  transform: translateY(16px);
+  transition: opacity 0.5s ease, transform 0.5s ease;
+}
+.marquee[data-reveal].is-visible {
+  opacity: 1;
+  transform: translateY(0);
+}
+@media (prefers-reduced-motion: reduce) {
+  .marquee[data-reveal] {
+    opacity: 1;
+    transform: none;
+    transition: none;
+  }
+}
+
 @keyframes marquee {
   0% { transform: translateX(0); }
   100% { transform: translateX(-33.333%); }
diff --git a/public/index.html b/public/index.html
index 0950af0..dff02db 100644
--- a/public/index.html
+++ b/public/index.html
@@ -269,7 +269,7 @@
         </div>
       </section>
 
-      <section class="marquee" aria-hidden="true">
+      <section class="marquee" aria-hidden="true" data-reveal>
         <div class="marquee__track">
           <div class="marquee__content">
             <span class="hero__tag">UX/UI</span>
diff --git a/src/pages/index.html b/src/pages/index.html
index 184856b..347dc69 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -68,7 +68,7 @@
         </div>
       </section>
 
-      <section class="marquee" aria-hidden="true">
+      <section class="marquee" aria-hidden="true" data-reveal>
         <div class="marquee__track">
           <div class="marquee__content">
             <span class="hero__tag">UX/UI</span>