.l-editorial { display: grid; gap: var(--spacing); max-width: var(--max-w); margin-inline: auto; }
.l-editorial__row { display: grid; gap: calc(var(--spacing) / 2); }
.l-editorial__row--half { width: 100%; max-width: 62%; justify-self: center; }
.l-editorial__row--half:nth-child(4n + 2) { justify-self: end; }
.l-editorial__row--half:nth-child(4n) { justify-self: start; }
@media (min-width: 640px) {
    .l-editorial__row--pair { grid-template-columns: 1fr 1fr; align-items: start; }
}
@media (max-width: 639px) {
    .l-editorial__row--half { max-width: 100%; }
}