/* Phones: center the nav bar, the hero and the footer (Giovanni, 2026-10-06).
   The design styles everything inline, so these rules need !important. */
@media (max-width: 700px) {
  .m-nav > div,
  .m-nav > div > div { justify-content: center !important; }
  .m-nav > div { text-align: center; }

  .m-hero { text-align: center; }
  .m-hero > div { justify-items: center; }
  .m-hero div[style*="display:flex"],
  .m-hero div[style*="display: flex"] { justify-content: center !important; }
  .m-hero p,
  .m-hero h1 { margin-left: auto !important; margin-right: auto !important; }
  /* the eyebrow line was nowrap and ran off the screen */
  .m-hero span { white-space: normal !important; }
  /* short accent dashes before the eyebrow and byline look stray once centered */
  .m-hero span[style*="height:2px"],
  .m-hero span[style*="height: 2px"] { display: none !important; }

  .m-foot > div,
  .m-foot > div > div { justify-content: center !important; text-align: center; }
  .m-foot > div { flex-direction: column !important; }
}