.article-grid{.article-grid__title{margin-bottom:20px;@media (min-width:768px){margin-bottom:28px}}.article-grid__content{margin:0 auto;max-width:370px;@media (min-width:768px){display:grid;gap:20px;grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:repeat(3,auto);margin-bottom:auto;margin-left:auto;margin-right:auto;margin-top:auto;max-width:100%}}.article-grid__row{display:flex;gap:1rem;margin-bottom:1.5rem;@media (min-width:768px){display:flex;flex-wrap:nowrap;gap:1rem;margin-bottom:1.5rem}}.article-grid__item{flex:1 1 calc(33.333% - 1rem);@media (min-width:768px){flex:0 0 calc(33.333% - 1rem);margin-bottom:0}&:hover .article-grid__post-title{color:var(--accent-primary)}}.article-grid__category{color:var(--Post-Meta-postMeta-tag);font:var(--font-guidance-text);text-transform:uppercase}.article-grid__item--first .article-grid__category,.article-grid__row--1 .article-grid__category{color:var(--color-nextpit-eos)}.article-grid__item--first .article-grid__post-title,.article-grid__row--1 .article-grid__post-title{color:var(--color-nextpit-eos);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.article-grid__image{height:278px;max-width:100%;position:relative;width:370px;@media (min-width:768px){height:100%;width:100%}}.article-grid__image img{height:100%;width:100%}.article-grid__info{align-items:flex-start;display:flex;flex-direction:column;gap:6px;max-width:370px;padding:0 10px;width:calc(100% - 20px);@media (min-width:768px){gap:0;max-width:100%}}.article-grid__image:before{background:linear-gradient(0deg,#000000bf 30%,#0000 70%);content:"";display:block;height:100%;position:absolute;width:100%}.article-grid__item--first .article-grid__info,.article-grid__row--1 .article-grid__info{margin-top:-90px;position:relative;z-index:1;@media (min-width:768px){margin-top:-100px}}.article-grid__item--first{margin-bottom:20px;@media (min-width:768px){margin-bottom:0}}.article-grid__content .article-grid__item:not(.article-grid__item-mobile--first){margin-bottom:15px;@media (min-width:768px){margin-bottom:0}}}