content: replace scaffolding with bilingual pages and case studies

Ship the final German and English copy, compose every route from shared page primitives, and cover claims, parity and contact briefing in tests.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/app/shared/case-study/case-study.html

@@ -0,0 +1,55 @@
+<article class="case-study stack" [id]="caseStudy().id" [attr.aria-labelledby]="headingId()">
+  <header class="stack">
+    <h2 [id]="headingId()">{{ caseStudy().headline }}</h2>
+    <p class="meta">
+      {{ caseStudy().client }} · {{ caseStudy().role }} · {{ caseStudy().period }} ·
+      {{ caseStudy().domain }}
+    </p>
+    <p>{{ caseStudy().summary }}</p>
+    <p>{{ caseStudy().responsibility }}</p>
+    @if (caseStudy().transparencyNote; as note) {
+      <p class="transparency" role="note">{{ note }}</p>
+    }
+  </header>
+
+  <section class="stack" [attr.aria-labelledby]="caseStudy().id + '-situation'">
+    <h3 [id]="caseStudy().id + '-situation'">{{ situationLabel() }}</h3>
+    <p>{{ caseStudy().situation }}</p>
+  </section>
+
+  <section class="stack" [attr.aria-labelledby]="caseStudy().id + '-approach'">
+    <h3 [id]="caseStudy().id + '-approach'">{{ approachLabel() }}</h3>
+    <ol>
+      @for (item of caseStudy().approach; track $index) {
+        <li>{{ item }}</li>
+      }
+    </ol>
+  </section>
+
+  <section class="stack" [attr.aria-labelledby]="caseStudy().id + '-outcome'">
+    <h3 [id]="caseStudy().id + '-outcome'">{{ outcomeLabel() }}</h3>
+    <ul>
+      @for (item of caseStudy().outcome; track $index) {
+        <li>{{ item }}</li>
+      }
+    </ul>
+  </section>
+
+  @if (caseStudy().metrics.length > 0) {
+    <app-metric-list [metrics]="caseStudy().metrics" [labelledBy]="metricsLabelId()" />
+  }
+
+  <section class="stack" [attr.aria-labelledby]="caseStudy().id + '-stack'">
+    <h3 [id]="caseStudy().id + '-stack'">{{ stackLabel() }}</h3>
+    <ul class="cluster tags">
+      @for (item of caseStudy().stack; track $index) {
+        <li>{{ item }}</li>
+      }
+    </ul>
+    <ul class="cluster tags">
+      @for (tag of caseStudy().tags; track $index) {
+        <li>{{ tag }}</li>
+      }
+    </ul>
+  </section>
+</article>