The homepage no longer scrolls sideways when you zoom in

If you zoom the site to 400%, or visit on a very narrow screen, the homepage used to scroll sideways. The heading at the top is set at display size, and its first word alone was wider than the screen — so there was nowhere for the line to break, and the whole page was pushed wider than the window.

That heading can now break inside a word when a word will not fit, so the page stays within the screen and you only ever scroll down. Nothing changes at ordinary phone or desktop widths: the heading is measurably identical there, because the break only happens when a word cannot fit a line on its own.

This is part of our accessibility work on WCAG 2.2's Reflow requirement, which is written against 320 pixels of width — the space a 1280-pixel desktop layout has left when you zoom to 400%. Our automated check now tests every page at that width rather than at a phone width, so this class of problem gets caught rather than reported.