.split__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--s-7);
  align-items: center;
}
.split__inner--flip .split__content { order: 2; }
.split__title { font-size: var(--step-2); }
.split__body { color: var(--ink-soft); margin-top: var(--s-4); max-width: 54ch; }

.split__points { margin-top: var(--s-5); display: grid; gap: var(--s-4); }
.split__points li {
  display: grid;
  gap: var(--s-1);
  padding-left: var(--s-5);
  position: relative;
}
.split__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
}
.split__points strong { font-size: var(--step-0); }
.split__points span { color: var(--ink-soft); font-size: var(--step--1); }

.split__media img { border-radius: var(--radius); border: 1px solid var(--line); width: 100%; }
.split__placeholder {
  display: block;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius);
  border: 1px dashed var(--line-firm);
  background:
    repeating-linear-gradient(45deg, var(--mist) 0 10px, var(--mist-deep) 10px 20px);
}

@media (max-width: 860px) {
  .split__inner { grid-template-columns: 1fr; gap: var(--s-5); }
  .split__inner--flip .split__content { order: 0; }
}