Token and spacing effects appear here.
.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; }
}