feat: premium motion system — scroll reveal, hero cascade, gold accents

src/pages/nosotros.astro

@@ -14,8 +14,8 @@ import MainLayout from '../layouts/MainLayout.astro';
       <div class="nosotros-hero-grid">
 
         <div class="nosotros-text">
-          <span class="section-eyebrow">Nuestra Esencia</span>
-          <h1 class="text-display" style="margin-bottom:var(--space-8);">El arte de la hospitalidad elevada.</h1>
+          <span class="section-eyebrow reveal">Nuestra Esencia</span>
+          <h1 class="text-display reveal" style="--reveal-delay: 150;margin-bottom:var(--space-8);">El arte de la hospitalidad elevada.</h1>
           <p class="text-muted leading-relaxed" style="max-width:32rem;">
             Desde nuestra fundación, MNQ Catering ha redefinido el concepto de exclusividad culinaria. No solo servimos comida; curamos momentos que perduran en la memoria de los paladares más exigentes.
           </p>
@@ -59,8 +59,8 @@ import MainLayout from '../layouts/MainLayout.astro';
   <section class="section-pad">
     <div class="page-wrap">
       <div style="text-align:center;margin-bottom:var(--space-24);">
-        <span class="section-eyebrow">Pilares de Marca</span>
-        <h2 class="text-headline-lg">Valores que nos definen</h2>
+        <span class="section-eyebrow reveal">Pilares de Marca</span>
+        <h2 class="text-headline-lg reveal" style="--reveal-delay: 150;">Valores que nos definen</h2>
       </div>
       <div class="grid-3">
         <div class="value-card">
@@ -87,8 +87,8 @@ import MainLayout from '../layouts/MainLayout.astro';
     <div class="page-wrap">
       <div style="display:flex;flex-direction:column;gap:var(--space-8);margin-bottom:var(--space-20);">
         <div>
-          <span class="section-eyebrow" style="color:var(--color-primary-fixed);">El Capital Humano</span>
-          <h2 class="text-headline-lg" style="color:var(--color-surface);">Mentes tras el menú</h2>
+          <span class="section-eyebrow reveal" style="color:var(--color-primary-fixed);">El Capital Humano</span>
+          <h2 class="text-headline-lg reveal" style="--reveal-delay: 150;color:var(--color-surface);">Mentes tras el menú</h2>
         </div>
         <p class="text-body-sm" style="color:rgb(234 225 212/80%);max-width:24rem;">Un equipo multidisciplinar de chefs, sommeliers y diseñadores de eventos unidos por un propósito común.</p>
       </div>