.grid-temp-layout {
    padding-top: 16px;
    padding-bottom: 16px;
}

.grid-wrapper {
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.grid-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-6);
    padding: 0px var(--spacing-4);
    justify-content: center;
}

.eyebrow-header-container {
    display: flex;
    justify-content: center;
}

.eyebrow-header-layout {
    max-width: 1120px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.editorial-content-grid-desktop-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-6);
    width: 100%;
}

.editorial-content-card-layout-desktop-1 {
    width: 100%;
}

.editorial-content-grid-desktop-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-6);
}

.editorial-content-card-layout-large {
    width: 1120px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-medium);
    box-shadow: var(--Attributes-Position-X-Sm, 2px) var(--Attributes-Position-Y-Sm, 3px) var(--Attributes-Blur-Sm, 10px) var(--Attributes-Spread-Sm, 2px) var(--surface-background-dropshadow, rgba(0, 0, 0, 0.30));

}

.editorial-content-grid-desktop-1 .background-gradient {
    border-radius: var(--spacing-spacing-xxs, 4px);
    background: linear-gradient(180deg, rgba(13, 48, 91, 0.90) 0%, rgba(19, 53, 91, 0.60) 26%, rgba(14, 43, 78, 0.30) 34.39%, rgba(15, 43, 81, 0.00) 43.32%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
}

.editorial-content-card-layout-desktop-1 .card-img {
    height: 200px;
}

.eyebrow-header-container .header-text {
    font-size: 16px;
}

.editorial-content-grid-desktop-1 .card-overlay-content>.card-title,
.editorial-content-grid-desktop-3 .card-overlay-content>.card-title {
    font-size: 24px;
}

.editorial-content-grid-desktop-1 .card-overlay-content-2,
.editorial-content-grid-desktop-3 .card-overlay-content-2 {
    margin-top: 8px;
}

.editorial-content-grid-desktop-1 .card-text-1,
.editorial-content-grid-desktop-1 .card-text-2,
.editorial-content-grid-desktop-3 .card-text-1,
.editorial-content-grid-desktop-3 .card-text-2 {
    font-size: 14px;
}

.editorial-content-grid-desktop-1 .card-text-1,
.editorial-content-grid-desktop-3 .card-text-1 {
    line-height: 16px;
    letter-spacing: 1.4px;
}

.editorial-content-grid-desktop-1 .yellow-vector-desktop,
.editorial-content-grid-desktop-3 .yellow-vector-desktop {
    width: 32px;
}


@media screen and (max-width: 1023.9px) {

    .grid-wrapper {
        gap: 16px;
    }

    .editorial-content-grid-desktop-1,
    .editorial-content-grid-desktop-3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: var(--spacing-4);
        padding: 0;
    }

    .grid-container {
        padding: 0px var(--spacing-4);
        gap: 8px;
    }

    .eyebrow-header-container {
        padding: 0;
    }

    .eyebrow-header-layout {
        padding: 0;
    }

    .editorial-content-card-layout-large {
        width: 100%;
    }

    .editorial-content-card-layout-large {
        height: 100%;
        aspect-ratio: 343 / 120;
        position: relative;
        overflow: hidden;
        box-shadow: var(--Attributes-Position-X-Sm, 2px);
    }

    .editorial-content-card-layout-desktop-1 .card-img {
        height: 100%;
    }

    .eyebrow-header-container .header-text {
        font-size: 10px;
    }

    .editorial-content-grid-desktop-1 .card-overlay-content>.card-title,
    .editorial-content-grid-desktop-3 .card-overlay-content>.card-title {
        font-size: 20px;
    }

    .editorial-content-grid-desktop-1 .card-overlay-content-2,
    .editorial-content-grid-desktop-3 .card-overlay-content-2 {
        margin-top: 4px;
    }

    .editorial-content-grid-desktop-1 .card-text-1,
    .editorial-content-grid-desktop-1 .card-text-2,
    .editorial-content-grid-desktop-3 .card-text-1,
    .editorial-content-grid-desktop-3 .card-text-2 {
        font-size: 12px;
    }

    .editorial-content-grid-desktop-1 .card-img-overlay,
    .editorial-content-grid-desktop-3 .card-img-overlay {
        padding: 8px 16px;
    }

    .editorial-content-grid-desktop-1 .card-text-1,
    .editorial-content-grid-desktop-3 .card-text-1 {
        line-height: 14px;
        letter-spacing: 1.2px;
    }
}