.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
}

.split-left  { background: var(--bg); padding: 4rem; }
.split-right { background: var(--text); color: var(--bg); padding: 4rem; }

@media (max-width: 768px) {
  .split { grid-template-columns: 1fr; }
  .split-right { min-height: 50vh; }
}