/* Local concept adjustments; the saved original stylesheet stays unchanged. */
.heading-aside {
  display: block;
  font-size: .59em;
  font-family: inherit;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
  margin-top: .55em;
}
.hero h1 .heading-aside {
  font-size: .48em;
  color: rgba(255,255,255,.88);
  max-width: 30ch;
  margin-top: .7em;
}
.problem-reference { color: inherit; text-decoration: none; padding: 0; }
.hero-sub sup { font-size: .65em; line-height: 0; position: relative; vertical-align: baseline; top: -.45em; }
.problem-reference:focus-visible { outline: 2px solid white; outline-offset: 3px; }
#why-now { scroll-margin-top: 100px; }
#problem .section-eyebrow { max-width: 740px; margin-left: auto; margin-right: auto; text-align: left; }
#problem .section-eyebrow h2 { max-width: none; }
#problem .section-eyebrow p { max-width: none; margin-left: 0; margin-right: 0; }
main p, section p, .hero-sub, .person-summary, .bio-full p { text-align: justify; text-justify: inter-word; }
#why-now .section-eyebrow,
#how-it-works .section-eyebrow,
#structure .section-eyebrow,
#benefits .section-eyebrow,
#team .section-eyebrow {
  text-align: left;
  font-size: 1.04rem;
  max-width: 58ch;
  margin-left: auto;
  margin-right: auto;
}
#why-now .section-eyebrow h2,
#how-it-works .section-eyebrow h2,
#structure .section-eyebrow h2,
#benefits .section-eyebrow h2,
#team .section-eyebrow h2 {
  text-align: left;
  max-width: 58ch;
  width: 100%;
}
@media (max-width: 600px) {
  .hero h1 .heading-aside { font-size: .55em; }
  .heading-aside { font-size: .65em; }
}