.article-grid__element{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:14rem;--overlay-background-style:linear-gradient(180deg,transparent 37%,var(--brand-blue-100-opacity-70));max-width:100vw}.article-grid__element:first-child{grid-area:area1}.article-grid__element:nth-child(2){grid-area:area2}.article-grid__element:nth-child(3){grid-area:area3}.article-grid__element:nth-child(4){grid-area:area4}.article-grid__element__content{display:flex;flex:1;flex-direction:column;justify-content:center;max-width:var(--max-width-col-5);padding:var(--spacing-m) var(--spacing-xxs);z-index:1;text-align:center}.article-grid__element__image~.article-grid__element__content{color:var(--font-color-white);justify-content:flex-end}.article-grid__element__article-meta{margin-bottom:var(--spacing-xxs);font-size:var(--font-size-md);line-height:1.25;letter-spacing:.6px;text-transform:uppercase}.article-grid__element__article-publish-date+.article-grid__element__article-topic{padding-left:var(--spacing-xs)}.article-grid__element__article-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:1.13}@media(min-width:576px){.article-grid__element:nth-child(2),.article-grid__element:nth-child(3){max-width:50vw}}@media(min-width:768px){.article-grid__element{min-height:22rem}.article-grid__element:first-child{max-width:50vw}}