/* page styles: contact.html */
/* Every other .mast page (About, Packages, …) left-aligns its title
       against the shared width; Contact's is short enough on its own line
       that centering it — and dialing the size down a step — reads calmer
       over the pyramids photo instead of shouting the way a full-width
       banner headline does. Scoped to .mast--contact so the rest of the
       site's mastheads are untouched. */
      .mast--contact .mast__inner {
        align-items: center;
        text-align: center;
      }
      .mast--contact .mast__title {
        font-size: clamp(28px, 4.4vw, 64px);
      }

      /* .wrap's own max-width (1560px, shared site-wide) is sized for
         pages with a lot to lay out side by side. This page's sidebar
         label + a ~700px form don't come close to filling that, so the
         whole block sits stranded in the left half of the screen on a
         wide monitor. Capping and centering just these two sections
         keeps the label+content pairing intact while the block as a
         whole sits in the middle of the page instead of its left edge. */
      .wrap--center {
        max-width: 1040px;
        margin-inline: auto;
      }