article.at-twoColumn {
    position: relative;
    margin-bottom: 0;
}

.at-twoColumn__inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.at-twoColumn__article {
    flex: 1;
    padding: var(--innerPaddingX);
    background: var(--baseLight100);
    box-shadow: var(--boxShadow);
    border-radius: var(--borderRadius);
}

.at-twoColumn__article:nth-child(2) {
    background: var(--accentColor500);
}

.at-twoColumn__article h2 {
    margin-bottom: 0;
}

.at-twoColumn__article:nth-child(2) h2,
.at-twoColumn__article:nth-child(2) a {
    color: var(--baseLight100);
}

@media (min-width: 768px) {
    .at-twoColumn__inner {
        flex-direction: row;
    }

    .at-twoColumn__content {
        flex: 1;
    }
}