/* Mobile readability: body copy and interface text +25%; display headings retain their scale. */
@media (max-width: 520px) {
  /* Hero */
  .bang-hero__eyebrow { font-size: .9rem; }
  .bang-hero__lead { font-size: 1.25rem; line-height: 1.55; }
  .bang-hero__brands { font-size: 1.175rem; line-height: 1.58; }
  .bang-hero__services > div { min-height: 76px; padding: .95rem 1.05rem; }
  .bang-hero__services span { font-size: 1.015rem; }
  .bang-hero__services small { font-size: .89rem; }
  .bang-hero__bottom p { font-size: .95rem; line-height: 1.45; }
  .bang-hero__bottom p strong { font-size: 1.1rem; }
  .bang-hero__visual-title { font-size: .81rem; }
  .bang-hero figcaption { font-size: .81rem; }
  .bang-hero__badge strong { font-size: .975rem; }
  .bang-hero__badge span { font-size: .84rem; }
  .bang-hero__actions a { font-size: 1.025rem; }

  /* Body copy, cards, forms, navigation and footer — deliberately excludes h1/h2 display titles. */
  main p:not(.bang-hero__lead):not(.bang-hero__brands):not(.bang-hero__bottom p),
  main li,
  main label,
  main input,
  main select,
  main textarea,
  main button,
  main a:not(.bang-hero__actions a),
  nav a,
  footer p,
  footer address,
  footer a { font-size: 1.25em; }

  /* Card labels are headings visually, but not the large section titles. */
  main h3 { font-size: 1.25em; }
}