.reference-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:56px;
  align-items:center;
  margin-bottom:80px;
}
.reference-intro h1 {
  margin-bottom:24px;
}
.reference-intro .lead {
  margin-bottom:24px;
}
.reference-visual {
  padding-bottom:28px;
}
.reference-visual .feature-stage {
  min-height:430px;
}
.reference-body {
  margin-inline:auto;
}
.reference-body > section {
  padding-top:36px;
  padding-bottom:40px;
  scroll-margin-top:150px;
}
.reference-body > section + section {
  border-top:1px solid var(--border);
}
.reference-body > section > h2 {
  margin-top:0;
}
.reference-body > section > .eyebrow {
  margin-bottom:16px;
}
.reference-body > section > p:last-child {
  margin-bottom:0;
}
@media (max-width:980px) {
  .reference-intro {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
    margin-bottom:48px;
  }
  .reference-visual {
    max-width:620px;
    width:100%;
    margin-inline:auto;
  }
}
@media (max-width:640px) {
  .reference-intro {
    gap:32px;
    margin-bottom:32px;
  }
  .reference-visual .feature-stage {
    min-height:390px;
  }
  .reference-body > section {
    padding-top:28px;
    padding-bottom:32px;
    scroll-margin-top:24px;
  }
}