.container {
  width: min(1120px, 92vw);
  margin-inline: auto;
}

.section,
.footer {
  position: relative;
}

.section {
  z-index: 4;
  padding: clamp(20px, 3vw, 36px) 0 clamp(56px, 7vw, 88px);
}

section[id],
header[id] {
  scroll-margin-top: 110px;
}

.split {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: center;
  gap: 40px;
}

.split.reverse {
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

@media (max-width: 1100px) {
  .split,
  .split.reverse {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .split .card {
    width: 100%;
    max-width: 720px;
    margin-inline: auto;
  }
}

@media (max-width: 560px) {
  .section {
    padding-block: 56px;
  }
}