.sectionHead{
  --sh-title: var(--brand-900);
  --sh-lead: var(--brand-muted);
  --sh-kicker: var(--kicker-muted);

  text-align: center;
  max-width: 860px;
  margin: 0 auto 26px;
}

.sectionHead--left{
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.sectionHead--narrow{ max-width: 640px; }

.sectionHead--dark{
  --sh-title: var(--on-dark);
  --sh-lead: var(--on-dark-muted);
  --sh-kicker: var(--on-dark-kicker);
}

.sectionKicker{
  display: inline-block;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
  color: var(--sh-kicker);
  margin: 0 0 10px;
}

.sectionKicker--green{
  color: var(--accent-dark);
}

.sectionTitle{
  margin: 0 0 10px;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.12;
  color: var(--sh-title);
}

.sectionLead{
  margin: 10px auto 0;
  max-width: 70ch;
  color: var(--sh-lead);
  line-height: 1.6;
  font-size: 1.05rem;
}

.sectionHead--left .sectionLead{
  margin-left: 0;
  margin-right: 0;
}

.splitLayout{
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.35fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}

.splitLayout--wideVisual{
  grid-template-columns: minmax(270px, .75fr) minmax(0, 1.45fr);
}

@media (max-width: 920px){
  .splitLayout,
  .splitLayout--wideVisual{
    grid-template-columns: 1fr;
    gap: 32px;
  }
}