/* QF-2: on section routes the middleware turns the hero slogan into a <p> because the route has its own
   (visually hidden) H1. These rules give the <p> exactly the base h1 typography, so nothing moves. */
p.hero__slogan {
  font-size: var(--text-3xl);
  font-weight: 560;
  line-height: 1.08;
  letter-spacing: -0.04em;
  text-wrap: balance;
}