.article-preview{grid-column:span 4}.article-preview__date{opacity:.5;font-size:.7rem;font-weight:500;display:block}.article-preview__title{margin:.25rem 0 0;font-size:1.15rem;font-weight:500;line-height:1.2;display:block}.article-preview__title a:hover{text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--c-main);text-decoration-color:var(--c-main)}.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);width:100%;margin-bottom:.5rem}.article-preview__image{position:relative;overflow:hidden}.article-preview__image a{width:100%;height:100%;display:block;position:absolute}.article-preview__image img{-o-object-fit:cover;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.075,.82,.165,1);display:block}.article-preview__image a:hover img{transform:scale(1.03)}.article-preview__text{margin-top:.25rem;font-size:.8rem;line-height:1.3}.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 (width<=850px){.article-preview{grid-column:span 6}.article-preview__title{font-size:1rem}}@media screen and (width<=550px){.article-preview.pinned .article-preview__content{padding:0 .5rem .5rem}}@media screen and (width<=370px){.article-preview{grid-column:span 12}}