feat(design): container e tipografia fluidos, cabecalho de secao em duas colunas e grade de projetos automatica

- tokens --shell, --fs-section-title e --fs-lead: iguais ao desenho atual ate ~1440px e crescem em telas grandes
- .ds-section-header vira container; acima de 880px o titulo fica a esquerda e a descricao a direita (aninhamento nativo + container query)
- .ds-grid-fluid: 2 colunas em notebook e 3 em tela grande, sem breakpoint (usada em Projects)
- Hero acompanha a largura util em telas grandes

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

app/components/Projects.tsx

@@ -35,7 +35,7 @@ export default function Projects({
       dark
       disableChildrenAnimation
     >
-      <div className="ds-grid-2">
+      <div className="ds-grid-fluid">
         {projects.map((project) => {
           const caseStudy = caseStudies.find(
             (entry) => entry.id === project.id,