.articles{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:2rem -1rem 0 0;padding:0}.articles li{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 0 3rem;padding:0 1rem 0 0}@media screen and (min-width:40em){.articles li{-webkit-flex-basis:33.333333%;-ms-flex-preferred-size:33.333333%;flex-basis:33.333333%;max-width:33.33%}}.articles li.more{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.article{display:block;overflow:hidden;-webkit-transition:all 195ms cubic-bezier(0,0,.2,1);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{background-color:#d8d8d8;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:3px;display:block;margin:0 auto 1rem;padding-bottom:100%;position:relative;-webkit-transition:all 195ms cubic-bezier(0,0,.2,1);transition:all 195ms cubic-bezier(0,0,.2,1);width:100%}.article__thumbnail a,.article__thumbnail a:hover:after{bottom:0;left:0;position:absolute;right:0;top:0}.article__thumbnail a:hover:after{background:hsla(0,0%,100%,.1);content:""}.article__thumbnail .default{opacity:.7;width:40%}.article__play,.article__thumbnail .default{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.article__play{background:#f44336;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:.75rem;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}