.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:2em 1em}@media (max-width:1024px){.articles{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.articles{grid-template-columns:repeat(1,1fr);gap:1.5em}}.article{border:1px solid var(--color-grey-1);height:100%;position:relative}.article:hover .article__image a img{transform:translate(-50%,-50%) scale(1.035)}.article__image{position:relative;opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:linear}.article__image.preload{opacity:0}.article__image a{display:block;width:100%;height:0;position:relative;overflow:hidden;padding-bottom:55%}.article__image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .2s linear}.article__date span{font-size:.75em}.article__title a{font-weight:600;text-decoration:none}.article__footer{padding:1em}