The heading wrapper was max-w-[34ch], but ch resolves against the wrapper's ~16px font, not the 48px heading, so it collapsed to ~270px and forced the title into five lines. Widen it to a rem value so it wraps to two lines, and trim the section's vertical padding.
Unified · Split
| @@ -224,9 +224,9 @@ Source (and the place to start if something breaks): https://github.com/RhysSull · 223 unmodified lines | ||
| 224 | 224 | </section> |
| 225 | 225 | |
| 226 | 226 | {/* ─── CAPABILITIES ─── */} |
| 227 | − <section class="py-20 sm:py-28 border-t border-rule"> | |
| 227 | + <section class="py-14 sm:py-20 border-t border-rule"> | |
| 228 | 228 | <div class="reveal max-w-[1100px] mx-auto px-6 sm:px-10"> |
| 229 | − <div class="mb-12 max-w-[34ch]"> | |
| 229 | + <div class="mb-10 max-w-[38rem]"> | |
| 230 | 230 | <div class="eyebrow mb-4">What you get</div> |
| 231 | 231 | <h2 class="section-title"> |
| 232 | 232 | The model reasons. Executor handles the |