/* Theme: gallery on the left, text on the right. */

.osten-projects--side-by-side {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.osten-projects--side-by-side .osten-project {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-start;
}

.osten-projects--side-by-side .osten-project__media {
    flex: 1 1 320px;
    max-width: 420px;
}

.osten-projects--side-by-side .osten-project__content {
    flex: 1 1 320px;
    min-width: 260px;
}

.osten-projects--side-by-side .osten-gallery,
.osten-projects--side-by-side .osten-project__no-image {
    border-radius: 6px;
}

@media (max-width: 640px) {
    .osten-projects--side-by-side .osten-project {
        flex-direction: column;
    }

    .osten-projects--side-by-side .osten-project__media {
        max-width: none;
    }
}