refactor(home): move page content into per-language YAML sections

All visible text, lists, image refs, and CTAs for the home page now live
in en/index.md and es/index.md as a typed `sections:` frontmatter array.
HomePage.astro is reduced to a thin router; each section type is rendered
by a dedicated component in src/components/home/. Adds .no-balance utility
class to suppress text-wrap: balance on the commitments heading.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

www/src/styles/components.css

@@ -94,7 +94,9 @@
 .home-hero-grid > div { align-self: center; padding-bottom: 4rem; }
 .home-hero-grid p:not(.script-label) { max-width: 570px; }
 .home-hero-grid img { align-self: end; justify-self: end; max-height: 500px; object-fit: contain; }
-.services-intro .feature-grid { grid-template-columns: .75fr 1.25fr; }
+.services-grid { display: grid; gap: clamp(2rem, 6vw, 5rem); }
+.feature-grid--intro { grid-template-columns: .75fr 1.25fr; }
+.feature-grid--reverse { grid-template-columns: 1.25fr .75fr; }
 .gear-photo { justify-self: center; max-width: 270px; }
 .gear-photo-right { outline-color: #dce0e5; }
 .source-list { margin-block: 0 1.5rem; padding-inline-start: 2.5rem; }
@@ -131,7 +133,8 @@
   .home-hero-grid { grid-template-columns: 1fr; padding-top: 3rem; text-align: center; }
   .home-hero-grid > div { padding-bottom: 1rem; }
   .home-hero-grid img { justify-self: center; max-height: 330px; }
-  .services-intro .feature-grid, .benefit-grid, .esa-grid { grid-template-columns: 1fr; }
+  .services-grid { gap: 2rem; }
+  .services-grid .feature-grid, .benefit-grid, .esa-grid { grid-template-columns: 1fr; }
   .feature-grid > .gear-photo-right { grid-row: 3; }
   .skills-grid { grid-template-columns: repeat(2, 1fr); }
   .process-grid { grid-template-columns: 1fr 1fr; }

www/src/styles/typography.css

@@ -4,6 +4,7 @@
 @font-face { font-family: Rubik; src: url('/assets/fonts/Rubik/700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
 body { color: var(--color-text); font-family: var(--font-body); font-size: 16px; line-height: 1.625; }
 h1, h2, h3 { color: var(--color-primary); font-family: var(--font-heading); line-height: 1.15; text-wrap: balance; }
+.no-balance { text-wrap: auto; }
 h1 { font-size: clamp(2.5rem, 5vw, 3rem); line-height: 1.12; margin: 0 0 var(--space-md); }
 h2 { font-size: clamp(2rem, 4vw, 2.4rem); line-height: 1.25; }
 h3 { font-size: 1.5rem; }

www/src/styles/variables.css

@@ -6,7 +6,7 @@
   --color-accent-strong: #ff914d;
   --color-background: #ffffff;
   --color-surface: #ffffff;
-  --color-tint: #fefaf2;
+  --color-tint: #fbf2e1;
   --color-text: #254080;
   --color-muted: #254080;
   --color-border: #edeef3;