.articles{display:grid;gap:1rem;grid-template-columns:1fr;margin:2rem 0}@media screen and (min-width:768px){.articles{gap:3rem 2rem;grid-template-columns:1fr 1fr}}@media screen and (min-width:1280px){.articles{grid-template-columns:1fr 1fr 1fr}}.article{column-gap:1rem;display:grid;transition:all 195ms cubic-bezier(0,0,.2,1)}.article,.article:active,.article:focus,.article:hover{background:transparent;color:inherit;text-decoration:none}@media screen and (min-width:768px){.article{grid-template-columns:120px 1fr}}.article__thumbnail{align-self:start;display:block;margin:0 auto .2rem;position:relative;transition:all 195ms cubic-bezier(0,0,.2,1);width:100%}.article__thumbnail a{display:block}.article__thumbnail .default{color:var(--medium-gray);opacity:.7;text-align:center;transition:all 225ms cubic-bezier(.4,0,1,1)}.article__thumbnail .default svg{width:60%}.article__play{background:#f44336;color:#fff;cursor:pointer;font-size:1rem;left:50%;line-height:1;opacity:.9;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}.article__title{display:inline-block;font-size:1.2rem;letter-spacing:.01em;line-height:1.2;margin:.5rem 0}.article__title a:hover{text-decoration:underline}.article__title .time{white-space:nowrap}.article__teaser{color:var(--dark-gray);font-size:.85rem;line-height:1.2}.article__teaser p{line-height:inherit;margin-bottom:.25rem}.article__button{align-items:center;background:var(--light-gray);color:#000;display:none;margin-top:var(--gutter)}.article__button:active,.article__button:focus,.article__button:hover,a:hover .article__button{background:var(--medium-gray);color:#000}.article{border:1px solid var(--light-gray);border-radius:var(--card-border-radius);grid-row:auto/span 2;grid-template-columns:1fr;grid-template-rows:subgrid;overflow:hidden;perspective:1px;row-gap:0}.article__thumbnail{align-items:center;background:var(--light-gray);display:grid;height:100%;justify-content:center;margin:0;min-height:300px}.article__thumbnail img{aspect-ratio:1/1;object-fit:cover}.article__info{padding:1rem}a.article:active,a.article:focus,a.article:hover{border-color:var(--medium-gray)}