Rewrite 'How we work' as the three-places model (Inga's feedback)

Replaces the model-teaching cards (and the 'Clear models / not just a
workshop' heading) with Inga's concrete framing: the work happens in three
places — the people who carry the knowledge (coaching), the team that has to
get on board (facilitation), and the process that could work better
(redesign). Stacked editorial rows; new .work-list styles.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

style.css

@@ -171,6 +171,14 @@ a.tel { text-decoration: none; }
 .card .outcome { color: var(--ink); font-style: italic; margin-bottom: 0; margin-top: 1.1em; }
 .reassure { margin-top: 40px; font-style: italic; color: var(--ink-soft); }
 
+/* How-we-work — stacked editorial rows (title + delivery method left, explanation right) */
+.work-list { margin: 48px 0 0; border-top: 1px solid var(--line); }
+.work-item { padding: 38px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1.7fr; gap: 40px; align-items: start; }
+.work-head h3 { margin: 0 0 0.7em; }
+.work-deliver { font-family: 'DM Sans', sans-serif; font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.09em; line-height: 1.7; color: var(--amber-deep); margin: 0; max-width: none; }
+.work-body p { color: var(--ink-soft); }
+.work-body p:last-child { margin-bottom: 0; }
+
 /* Diagram */
 .triangles { display: block; width: 100%; max-width: 720px; height: auto; margin: 44px auto 0; }
 .line-graphic { display: block; width: 100%; max-width: 560px; height: auto; margin: 40px auto 0; }
@@ -236,6 +244,7 @@ a:focus-visible, .btn:focus-visible { outline: 2px solid var(--amber); outline-o
   h2 { font-size: 2rem; }
   .statement-line { font-size: 2rem; }
   .cards { grid-template-columns: 1fr; }
+  .work-item { grid-template-columns: 1fr; gap: 14px; }
   .person { grid-template-columns: 1fr; gap: 10px; }
   .hero { padding: 134px 0 88px; }
   .band { padding: 80px 0; }