.article{position:relative;width:100%}.article:hover .article__image{top:-.3125em}.article img{opacity:1;transition-property:opacity;transition-duration:.25s;transition-timing-function:linear;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article img.preload{opacity:0}.article__image{position:relative;top:0;transition:top linear .15s}.article__image .article-badge{position:absolute;left:1em;top:1em;z-index:3;pointer-events:none;background-color:var(--color-grey-light);color:#120918;line-height:1;height:1.75em;padding:0 .75em;border-radius:.625em;display:flex;justify-content:center;align-items:center}.article__image .article-badge span{font:.75em NunitoDisplay,arial,sans-serif;font-weight:400}.article__image a{background-color:var(--color-white);display:block;width:100%;height:0;padding-bottom:72.5%;overflow:hidden;position:relative;border-radius:.625em}.article__footer{padding-top:1em;display:flex;flex-direction:column;gap:1em}.article__footer ul{display:flex;gap:.5em;flex-wrap:wrap}.article__footer ul a{background-color:#120918;color:var(--color-white);line-height:1;height:1.75em;padding:0 .75em;border-radius:.625em;display:flex;justify-content:center;align-items:center;text-decoration:none}.article__footer ul a span{font:.75em NunitoDisplay,arial,sans-serif;font-weight:400}.article__title a{text-decoration:none;font:1.25em NunitoDisplay,arial,sans-serif;font-weight:400}