.article-preview{grid-column:span 4}.article-preview__date{display:block;font-size:.7rem;font-weight:500;opacity:.5}.article-preview__title{display:block;font-size:1.15rem;font-weight:500;line-height:1.2;margin:.25rem 0 0}.article-preview__title a:hover{text-decoration:underline;text-decoration-color:var(--c-main);text-decoration-thickness:2px;text-underline-offset:2px}.article-preview__title:first-child{margin-top:.75rem}.article-preview__image,.article-preview__placeholder{aspect-ratio:3/2;background-color:var(--c-offwhite);border-radius:var(--radius-md);margin-bottom:.5rem;width:100%}.article-preview__image{overflow:hidden;position:relative}.article-preview__image a{display:block;height:100%;position:absolute;width:100%}.article-preview__image img{display:block;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.075,.82,.165,1);width:100%}.article-preview__image a:hover img{transform:scale(1.03)}.article-preview__text{font-size:.8rem;line-height:1.3;margin-top:.25rem}.article-preview.pinned{background-color:var(--c-offwhite);border-radius:calc(var(--radius-md) + 4px);padding:4px}.article-preview.pinned .article-preview__content{padding:.5rem .75rem 1.5rem}.article-preview.pinned .article-preview__title{color:var(--c-main)}@media screen and (max-width:850px){.article-preview{grid-column:span 6}.article-preview__title{font-size:1rem}}@media screen and (max-width:550px){.article-preview.pinned .article-preview__content{padding:0 .5rem .5rem}}@media screen and (max-width:370px){.article-preview{grid-column:span 12}}