.articles{display:flex;flex-wrap:wrap;list-style:none;margin:2rem -1rem 0 0;padding:0}.articles li{flex-basis:50%;margin:0 0 3rem;padding:0 1rem 0 0}@media screen and (min-width:640px){.articles li{flex-basis:33.333333%;max-width:33.33%}}.articles li.more{flex-basis:100%}.article{display:block;overflow:hidden;transition:all 195ms cubic-bezier(0,0,.2,1)}.article a{border-bottom:none;text-decoration:none}.article a:hover{background-color:transparent;color:#0000db}.article__thumbnail{align-items:center;aspect-ratio:1/1;background:var(--light-gray);display:grid;justify-content:center;margin:0;position:relative}.article__thumbnail img{aspect-ratio:1/1;object-fit:cover}.article__thumbnail .default{text-align:center}.article__thumbnail .default img{object-fit:contain;width:46.666%}.article__play{background:#f44336;color:#fff;cursor:pointer;font-size:1.5rem;left:50%;line-height:1;padding:.75rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.article__date{display:block;font-size:1rem;font-weight:400;line-height:1.2;margin:0 .5rem}.article__title{display:inline-block;font-size:.9rem;letter-spacing:.01em;line-height:1.2;margin:.5rem}.article__title a:hover{background-color:#efefef}.article__title .time{white-space:nowrap}