/* GROUPFINDER v2.4.32 - magazine layout + filters inside panel */

.gf-article-filters{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1.25fr) minmax(145px,.7fr) minmax(170px,.8fr) 92px!important;
    align-items:stretch!important;
}
.gf-article-filters>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.gf-article-filters .gf-article-searchbox,.gf-article-filters select,.gf-article-filters>button{width:100%!important}
.gf-article-filters select,.gf-article-filters>button{height:42px!important}
.gf-article-filters>button{padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}

.gf-article-lead-layout{
    grid-template-columns:minmax(0,1.5fr) minmax(285px,.72fr)!important;
    align-items:stretch!important;
    gap:16px!important;
    margin-bottom:16px!important;
}
.gf-article-lead-main{min-width:0;display:flex}
.gf-article-lead-main>.gf-article-card{width:100%}
.gf-article-lead-side{min-width:0;display:grid!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px!important}

.gf-article-lead-layout .gf-article-card.is-lead{
    position:relative;
    isolation:isolate;
    min-height:520px!important;
    height:100%!important;
    overflow:hidden;
    display:flex!important;
    justify-content:flex-end;
    border-color:rgba(255,255,255,.09);
    background:#111318;
}
.gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-media{
    position:absolute;
    z-index:-2;
    inset:0;
    width:100%;
    height:100%;
    aspect-ratio:auto!important;
}
.gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(8,9,12,.04) 12%,rgba(8,9,12,.18) 40%,rgba(8,9,12,.96) 82%,rgba(8,9,12,.995) 100%);
    pointer-events:none;
}
.gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-media>img{width:100%;height:100%;object-fit:cover}
.gf-article-lead-layout .gf-article-card.is-lead:hover .gf-article-card-media>img{transform:scale(1.025)}
.gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-body{width:100%;position:relative;z-index:2;padding:24px!important;background:transparent}
.gf-article-lead-layout .gf-article-card.is-lead .gf-article-game{color:#cdb7ff}
.gf-article-lead-layout .gf-article-card.is-lead h2{max-width:760px;margin:7px 0 10px!important;font-size:clamp(30px,3vw,42px)!important;line-height:1!important}
.gf-article-lead-layout .gf-article-card.is-lead p{max-width:720px;min-height:0!important;color:#b7bac2;font-size:12px;line-height:1.55}
.gf-article-lead-layout .gf-article-card.is-lead footer{margin-top:18px;border-top-color:rgba(255,255,255,.11)}

.gf-article-lead-layout .gf-article-card.is-side{
    height:100%!important;
    display:grid!important;
    grid-template-columns:128px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    align-items:stretch;
}
.gf-article-lead-layout .gf-article-card.is-side .gf-article-card-media{height:100%;min-height:0;aspect-ratio:auto!important;border-radius:0}
.gf-article-lead-layout .gf-article-card.is-side .gf-article-card-body{min-width:0;padding:14px!important;display:flex;flex-direction:column}
.gf-article-lead-layout .gf-article-card.is-side h2{margin:5px 0 7px!important;font-size:21px!important;line-height:1.03}
.gf-article-lead-layout .gf-article-card.is-side p{min-height:0!important;-webkit-line-clamp:3!important}
.gf-article-lead-layout .gf-article-card.is-side footer{margin-top:auto!important;padding-top:10px}

.gf-article-grid-rest{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.gf-article-grid-rest>.gf-article-card{grid-column:span 2;height:100%}
.gf-article-grid-rest>.gf-article-card:nth-last-child(2):nth-child(3n+1),
.gf-article-grid-rest>.gf-article-card:last-child:nth-child(3n+2){grid-column:span 3}
.gf-article-grid-rest>.gf-article-card:last-child:nth-child(3n+1){grid-column:2 / span 4}
.gf-article-grid-rest .gf-article-card-body{display:flex;flex-direction:column;min-height:190px}
.gf-article-grid-rest .gf-article-card footer{margin-top:auto}

@media(max-width:1050px){
    .gf-article-filters{grid-template-columns:minmax(0,1fr) minmax(145px,.62fr) minmax(165px,.7fr) 88px!important}
    .gf-article-lead-layout{grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr)!important}
    .gf-article-lead-layout .gf-article-card.is-side{grid-template-columns:112px minmax(0,1fr)!important}
}
@media(max-width:900px){
    .gf-article-lead-layout{grid-template-columns:1fr!important}
    .gf-article-lead-layout .gf-article-card.is-lead{min-height:470px!important}
    .gf-article-lead-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
    .gf-article-lead-layout .gf-article-card.is-side{grid-template-columns:1fr!important}
    .gf-article-lead-layout .gf-article-card.is-side .gf-article-card-media{aspect-ratio:16/8!important;height:auto}
}
@media(max-width:680px){
    .gf-article-filters{grid-template-columns:1fr!important}
    .gf-article-lead-layout .gf-article-card.is-lead{min-height:430px!important}
    .gf-article-lead-layout .gf-article-card.is-lead .gf-article-card-body{padding:18px!important}
    .gf-article-lead-layout .gf-article-card.is-lead h2{font-size:30px!important}
    .gf-article-lead-side{grid-template-columns:1fr}
    .gf-article-grid-rest{grid-template-columns:1fr!important}
    .gf-article-grid-rest>.gf-article-card,
    .gf-article-grid-rest>.gf-article-card:nth-last-child(2):nth-child(3n+1),
    .gf-article-grid-rest>.gf-article-card:last-child:nth-child(3n+2),
    .gf-article-grid-rest>.gf-article-card:last-child:nth-child(3n+1){grid-column:auto!important}
}