Home: merge client logos into why-us block, larger logos, drop separate section

src/pages/index.astro

@@ -179,17 +179,15 @@ const clients = [
           </div>
         ))}
       </div>
-    </div>
-  </section>
 
-  <!-- Clients -->
-  <section class="border-y border-slate-200 bg-white">
-    <div class="mx-auto max-w-[1400px] px-5 py-20 sm:px-8">
-      <h2 class="text-xs font-semibold uppercase tracking-[0.25em] text-slate-400">Наши заказчики</h2>
-      <div class="mt-10 grid grid-cols-2 items-center justify-items-center gap-x-10 gap-y-8 sm:grid-cols-3 lg:grid-cols-5">
-        {clients.map((src) => (
-          <img src={src} alt="Логотип заказчика" class="max-h-14 w-auto max-w-[150px] object-contain opacity-60 grayscale transition hover:opacity-100 hover:grayscale-0" loading="lazy" />
-        ))}
+      <!-- Client logos -->
+      <div class="mt-20 border-t border-slate-200 pt-14">
+        <h3 class="text-xs font-semibold uppercase tracking-[0.25em] text-slate-400">Наши заказчики</h3>
+        <div class="mt-10 grid grid-cols-2 items-center justify-items-center gap-x-10 gap-y-10 sm:grid-cols-3 lg:grid-cols-5">
+          {clients.map((src) => (
+            <img src={src} alt="Логотип заказчика" class="max-h-24 w-auto max-w-[220px] object-contain opacity-70 grayscale transition hover:opacity-100 hover:grayscale-0" loading="lazy" />
+          ))}
+        </div>
       </div>
     </div>
   </section>