/* GROUPFINDER v2.5.10 - only the two featured side article cards */

@media (min-width: 901px) {
    .gf-article-lead-side .gf-article-card.is-side {
        position: relative;
        isolation: isolate;
        min-height: 0 !important;
        height: 100% !important;
        overflow: hidden;
        display: block !important;
        border: 0 !important;
        border-radius: 15px;
        background: #111318;
        box-shadow: 0 16px 34px rgba(0,0,0,.18);
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-card-media {
        position: absolute;
        z-index: -2;
        inset: 0;
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: auto !important;
        border-radius: inherit;
        overflow: hidden;
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-card-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(7,8,11,.04) 8%, rgba(7,8,11,.12) 34%, rgba(7,8,11,.78) 68%, rgba(7,8,11,.98) 100%);
        pointer-events: none;
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-card-media > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: transform .25s ease, filter .25s ease;
    }

    .gf-article-lead-side .gf-article-card.is-side:hover .gf-article-card-media > img {
        transform: scale(1.035);
        filter: brightness(1.04);
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-card-media > b {
        position: absolute;
        z-index: 3;
        top: 11px;
        left: 11px;
        margin: 0;
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-card-body {
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        bottom: 0;
        min-width: 0;
        padding: 58px 16px 14px !important;
        display: block !important;
        background: linear-gradient(180deg, transparent 0%, rgba(8,9,12,.70) 38%, rgba(8,9,12,.97) 100%);
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-game {
        display: block;
        margin: 0 0 5px;
        overflow: hidden;
        color: #c9adff;
        font-size: 9px;
        font-weight: 600;
        letter-spacing: .045em;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .gf-article-lead-side .gf-article-card.is-side h2 {
        margin: 0 !important;
        display: -webkit-box;
        overflow: hidden;
        color: #fff;
        font-size: clamp(22px, 1.65vw, 27px) !important;
        font-weight: 500;
        line-height: 1.02 !important;
        letter-spacing: -.01em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .gf-article-lead-side .gf-article-card.is-side h2 a { color: inherit; }

    .gf-article-lead-side .gf-article-card.is-side p { display: none !important; }

    .gf-article-lead-side .gf-article-card.is-side footer {
        margin: 11px 0 0 !important;
        padding: 9px 0 0 !important;
        border-top: 1px solid rgba(255,255,255,.10);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
    }

    .gf-article-lead-side .gf-article-card.is-side footer > span:last-child {
        color: #8b919b;
        font-size: 8px;
        white-space: nowrap;
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-portal-author { min-width: 0; }

    .gf-article-lead-side .gf-article-card.is-side .gf-portal-author > img {
        width: 26px;
        height: 26px;
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-author-name { min-width: 0; }

    .gf-article-lead-side .gf-article-card.is-side .gf-article-author-name > strong {
        overflow: hidden;
        display: block;
        max-width: 92px;
        color: #eef0f4;
        font-size: 9px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .gf-article-lead-side .gf-article-card.is-side .gf-verified-editor-badge { display: none; }
}