/* Home: give the SEMTEXX introduction its own calm, readable visual block. */
.split-section {
  display: block;
  background: var(--navy);
  overflow: hidden;
}

.split-copy {
  width: min(var(--shell), calc(100% - 96px));
  max-width: none;
  margin: 0 auto;
  padding: clamp(82px, 9vw, 128px) 0;
}

.split-image {
  min-height: 350px;
  background-position: center 48%;
}

.split-copy h2 {
  max-width: 760px;
  margin-bottom: 22px;
  font-size: clamp(42px, 4.2vw, 61px);
  letter-spacing: -.045em;
}

.split-copy .lead { max-width: 740px; margin-bottom: 20px; font-size: 21px; }
.split-copy p:not(.lead) { max-width: 710px; margin-bottom: 0; }
.split-copy .text-link { margin-top: 26px; }

@media (max-width: 900px) {
  .split-copy { width: min(var(--shell), calc(100% - 72px)); }
  .split-image { min-height: 310px; }
}

@media (max-width: 680px) {
  .split-copy { width: min(100% - 34px, var(--shell)); padding: 66px 0; }
  .split-image { min-height: 240px; }
}
