.articles{display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.articles .article{min-width:0;display:flex;flex-direction:column}.articles .article .hover-overlay{display:none}.articles .article:hover .hover-overlay{display:flex;z-index:98;padding:var(--spacing-lg)}@media screen and (min-width:768px){.articles{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.articles{grid-template-columns:repeat(4,minmax(0,1fr))}}.articles figure{position:relative;aspect-ratio:16/9;overflow:hidden;width:100%}.articles figure img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9}.articles figure .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99}.articles .title-container{display:flex;flex-direction:column;width:100%;height:5.5rem}@media screen and (max-width:768px){.articles .title-container{height:auto}}.articles h3{text-transform:none;margin:var(--spacing-xs) 0!important;text-align:center;box-sizing:content-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;font-weight:500;font-family:var(--font-neue);font-size:var(--font-body)}.articles .date{display:block;text-align:center;margin-top:var(--spacing-xs);font-size:1rem}@media screen and (max-width:768px){.articles{padding-bottom:var(--spacing-sm)}}