/* A clearer introduction, keeping the approved light palette and typography. */
.hero-copy > .hero-description {
  max-width: 40ch;
  font-size: 17px;
  line-height: 1.65;
  color: var(--muted);
  margin: 22px 0 28px;
  text-wrap: pretty;
}
.hero-copy > .hero-description + .primary { margin-top: 0; }

@media (min-width: 1101px) {
  .hero { min-height: 600px; padding-block: 52px 60px; }
}
@media (max-width: 700px) {
  .hero-copy > .hero-description {
    font-size: 16px;
    margin: 18px 0 24px;
  }
}

/* Three equal word columns keep the centre fixed and bring the outer words in. */
body .intro-strip.wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);
  align-items: center;
  justify-items: center;
  column-gap: clamp(8px,2vw,28px);
}
body .intro-strip.wrap > span { display: block; text-align: center; }
@media (max-width:600px) {
  body .intro-strip.wrap { column-gap: 8px; }
  body .intro-strip.wrap > span { font-size: 11px; letter-spacing: .1em; }
}