/* One voice for the opening; later About sections keep their established roles. */
.page-about .about-opening {
  padding-block:clamp(3.5rem,6vw,6rem) clamp(3.25rem,5.5vw,5.5rem);
}
.page-about .about-opening h1 {
  max-width:21ch;
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1.12;
  color:var(--blue);
}
.page-about .about-opening-role {
  max-width:63ch;
  margin-top:1.8rem;
  font-size:1.125rem;
  line-height:1.75;
}
.page-about .about-opening-origins {
  max-width:63ch;
  margin-block:2.2rem 1.25rem;
  padding-top:1.2rem;
  border-top:1px solid var(--line);
}
.page-about .about-opening-origins>p { font-size:.9375rem; }
.page-about .about-opening-origins ul {
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.45rem 1.5rem;
  padding:0;
  margin:.6rem 0 0;
  font-size:1rem;
  color:var(--ink);
}
@media(max-width:600px) {
  .page-about .about-opening { padding-block:2.5rem 3rem; }
  .page-about .about-opening-role { margin-top:1.35rem; font-size:1rem; }
  .page-about .about-opening-origins { margin-top:1.7rem; }
}