/**
 * Article Extended
 */


.article-highlight {
  display: block;
  background-color: var(--color-brand--1);
  color: var(--color-brand--4);
  text-decoration: none;
}
.article-highlight__info {
  padding: 2rem 2rem 4rem;
}
.article-highlight__text {
  font-family: var(--font-primary);
  font-weight: var(--fw-demi);
}
.article-highlight__title p{
  margin: 0;
  font-size: var(--heading-size-l);
  font-family: var(--font-primary);
  font-weight: var(--fw-medium);
  line-height: 130%;
}
.article-highlight:hover {
  text-decoration: none;
}
.article-highlight:hover .article-highlight__title,
.article-highlight:hover .article-highlight__title p {
  color: var(--color-brand--2);
}
@media all and (min-width: 800px){
  .article-highlight__title p {
    font-size: var(--heading-size-m);
  }
}

@media all and (min-width: 1000px){
  .article-highlight {
    width: 100%;
    background-color: var(--color-white);
    color: var(--color-primary--1);
  }
  .article-highlight__info {
    padding: 1rem 0;
  }
  .article-highlight__title p {
    font-size: var(--heading-size-s);
    color: var(--color-primary--1);
  }
  .article-highlight:hover .article-highlight__title{
    color: var(--color-brand--2);
  }

  .article-highlight:not(:first-child) {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, calc(50% - 0.5rem));
  }
  .article-highlight:not(:first-child) .article-highlight__img img {
    max-width: 300px;
    max-height: 200px;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }

}