.m-text-two-column--soft { background: var(--color-primary-soft); }
.m-text-two-column__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(var(--space-6), 6vw, var(--space-8));
    align-items: center;
}
.m-text-two-column__inner[data-image="left"] .m-text-two-column__media { order: -1; }
.m-text-two-column__media { margin: 0; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4 / 3; }
.m-text-two-column__media--ar-1-1 { aspect-ratio: 1 / 1; }
.m-text-two-column__media--ar-4-5 { aspect-ratio: 4 / 5; }
.m-text-two-column__media--ar-3-4 { aspect-ratio: 3 / 4; }
.m-text-two-column__media--ar-5-4 { aspect-ratio: 5 / 4; }
.m-text-two-column__media--ar-9-16 {
    aspect-ratio: 9 / 16;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    background: #000;
}
.m-text-two-column__media--ar-9-16 video { object-fit: contain; background: #000; }
.m-text-two-column__media img,
.m-text-two-column__media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.m-text-two-column__media figcaption { padding: var(--space-3); font-size: var(--fs-xs); color: var(--color-text-muted); }
.m-text-two-column__body { font-size: var(--fs-md); line-height: 1.7; color: var(--color-text-muted); }
.m-text-two-column__body p:first-child { color: var(--color-text); font-size: var(--fs-md); }
@media (max-width: 820px) {
    .m-text-two-column__inner { grid-template-columns: 1fr; }
    .m-text-two-column__inner[data-image="left"] .m-text-two-column__media { order: 0; }
}