/* The page heading is present for assistive technology and the document
   outline, but absent from the design. `display: none` and `visibility: hidden`
   would take it out of the accessibility tree too, which defeats the point —
   this clips it to nothing instead, so it is still announced and still counts
   as the page's h1.

   It never receives focus, so it needs no counterpart rule to reveal it. */

.page__title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}