feat(experience): skills e experiencia visiveis (aberta em telas largas) e link Experiencia no menu

- ExperienceDisclosure abre a gaveta em >=1024px e quando o link aponta para #experience/#skills; no celular segue recolhida
- novo item Experiencia em NAVIGATION_ITEMS (desktop e menu mobile); testes do Header atualizados

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>

app/components/cinematic/CinematicHome.tsx

@@ -16,6 +16,7 @@ import Projects from "../Projects";
 import Skills from "../Skills";
 import NotebookStory from "../story/NotebookStory";
 import { WorkModalities } from "../WorkModalities";
+import ExperienceDisclosure from "./ExperienceDisclosure";
 import ScrollVelocityText from "./ScrollVelocityText";
 import SectionDivider from "./SectionDivider";
 import { useHomeFragmentNavigation } from "./useHomeFragmentNavigation";
@@ -56,13 +57,10 @@ export default function CinematicHome({
 
         <About />
 
-        <details className="ds-section !pt-0">
-          <summary className="ds-section-shell cursor-pointer py-sp-5 text-lg font-semibold">
-            Experiência e tecnologias por trás das entregas
-          </summary>
+        <ExperienceDisclosure>
           <Skills categories={skillCategories} />
           <Experience experiences={experiences} />
-        </details>
+        </ExperienceDisclosure>
 
         <div className="overflow-hidden bg-[var(--ink)] py-6 text-[rgba(244,242,237,0.05)]">
           <ScrollVelocityText text="VAMOS CONSTRUIR" direction="left" />