/*NEWS====================*/

/*NEWS-SECTION====================*/
.sc-news .sc-inner {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-100);
    padding-bottom: var(--spacing-100);
}

@media (min-width: 992px) {
    .news-grid.first-grid {
        row-gap: var(--spacing-100);
    }

    .first-grid .news-card.sticky {
        grid-column: span 12;
        flex-direction: row;
        height: auto;
        align-items: center;
        justify-content: space-between;
        order: 0;
    }

    .first-grid .news-card.sticky .news-image {
        height: 100%;
        width: 48.5411140584%;
        aspect-ratio: 1;
    }

    .first-grid .news-card:not(.sticky) .news-image {
        aspect-ratio: 1.375;
    }

    .first-grid .news-card.sticky .news-detail {
        width: 43.899204244%;
    }

    .first-grid .news-card.sticky .news-detail > h3 {
        font-size: var(--font-size-h2) !important;
        line-height: var(--line-height-h2) !important;
    }

    .first-grid .news-card.highlight {
        grid-column: span 4;
        order: 1;
    }
}

@media (max-width: 991px) {
    .sc-news .sc-inner {
        grid-gap: var(--spacing-50);
        padding-bottom: var(--spacing-50);
    }
}

@media (min-width: 575px) and (max-width: 991px) and (orientation: portrait) {
    .sc-news .sc-inner {
        grid-gap: var(--spacing-80);
        padding-bottom: var(--spacing-80);
    }
}

/*NEWS-SINGLE====================*/
.news-single .news-content .sc-inner > *:not(:first-child) {
    margin-top: var(--spacing-60);
}

.news-single .news-content .news-header {
    display: flex;
    grid-gap: var(--spacing-40);
}

.news-single .news-content .news-header .header-text {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spacing-50);
    width: calc((100% - (var(--spacing-40) * 2)) / 3);
}

.news-single .news-content .news-header .header-text > h2 {
    word-break: break-word;
}

.news-single .news-content .news-header .header-image {
    flex: 1;
    aspect-ratio: 1.7508833922;
    overflow: hidden;
}

.news-single .news-content .news-header .header-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 787px) {
    .news-single .news-content .sc-inner > *:not(:first-child) {
        margin-top: var(--spacing-40);
    }

    .news-single .news-content .news-header {
        flex-direction: column;
        grid-gap: var(--spacing-40);
    }

    .news-single .news-content .news-header .header-text {
        grid-gap: var(--spacing-40);
        width: 100%;
    }

    .news-single .news-content .news-header .header-image {
        aspect-ratio: 1.6508833922;
    }
}