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>