.featured-visual-text,
.container.featured-visual-text {
    padding-top: calc(100vw * 100 / var(--page-width));
    padding-bottom: calc(100vw * 50 / var(--page-width));
}

.featured-visual-text .title,
.featured-visual-text .text {
    -webkit-grid-column: 2 / span 10;
    grid-column: 2 / span 10;
}

.featured-visual-text .text {
    display: grid;
    -webkit-grid-template-columns: repeat(10, 1fr);
    grid-template-columns: repeat(10, 1fr);
    -webkit-grid-gap: var(--padding-general);
    grid-gap: var(--padding-general);
    border-top: 2px solid;
    padding-top: calc(100vw * 12 / var(--page-width));
    margin-top: calc(100vw * 20 / var(--page-width));
}

.featured-visual-text .text .inner {
    -webkit-grid-column: 5 / span 6;
    grid-column: 5 / span 6;
}

.featured-visual-text-media {
    -webkit-grid-column: span 12;
    grid-column: span 12;
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-top: calc(100vw * 56 / var(--page-width));
}

/* RESPONSIVE */
@media only screen and (max-width: 740px) {
    .featured-visual-text,
    .container.featured-visual-text {
        padding-top: calc(100vw * 66 / var(--page-width));
        padding-bottom: calc(100vw * 40 / var(--page-width));
    }

    .featured-visual-text .title,
    .featured-visual-text .text {
        -webkit-grid-column: span 12;
        grid-column: span 12;
    }

    .featured-visual-text .text {
        margin-top: calc(100vw * 12 / var(--page-width));
    }

    .featured-visual-text .text .inner {
        -webkit-grid-column: span 10;
        grid-column: span 10;
    }

    .featured-visual-text-media {
        margin-top: calc(100vw * 24 / var(--page-width));
    }
}