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. That is 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.