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 | </section> | 224 | </section> |
| 225 | 225 | ||
| 226 | {/* ─── CAPABILITIES ─── */} | 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 | <div class="reveal max-w-[1100px] mx-auto px-6 sm:px-10"> | 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 | <div class="eyebrow mb-4">What you get</div> | 230 | <div class="eyebrow mb-4">What you get</div> |
| 231 | <h2 class="section-title"> | 231 | <h2 class="section-title"> |
| 232 | The model reasons. Executor handles the | 232 | The model reasons. Executor handles the |