feat: появление секции marquee при скролле (data-reveal, мягкий fade+сдвиг)

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%); }

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>

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>