.article-block:hover h2 {
    text-decoration: underline;
}

/* Large */
.article-block-large__figure {
    margin: 1rem 0;
    padding-top: 60%;
    position: relative; 
    overflow: hidden;
}

.article-block-large__figure img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; 
  object-fit: cover;
  transition: 300ms;
}

.article-block-large__title, .article-block-large__headline {
    margin-bottom: 0.5em;
}
.article-block-large__headline.hide--desktop {
    display: none;
}

/* Small */
.article-block-small {
    display: flex;
}

.article-block-small__figure {
    width: 8rem;
    height: 5rem;
    position: relative; 
    overflow: hidden;
}

.article-block__figure img {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; 
  object-fit: cover;
  transition: 300ms;
}

.article-block-small__content {
    width: calc(70% - 1rem);
    padding-left: 1rem;
}

/* Article */
.article-block__title, 
.article-block__subtitle {
    margin: 0 0.5em 0.5em 0;
}
.article-block__figure {
    margin-bottom: 0.25rem;
}

.article-block-large h2, .article-block-large h3 {padding-right: 2rem;}

@media only screen and (min-width: 1024px) {
    .article-block-large__headline.hide--mobile {
        display: none;
    }
    .article-block-large__headline.hide--desktop {
        display: block;
    }
}