@import url("./news.css");

.reflections-index .home-news__grid {
  gap: 210px 20px;
  padding-top: 140px;
}

.reflection-list-card {
  display: grid;
  justify-items: center;
  aspect-ratio: auto;
  overflow: visible;
  color: var(--brown);
  text-align: center;
}

.reflection-list-card__date {
  width: 100%;
  margin-bottom: 21px;
  font-family: var(--font-main);
  font-size: var(--fs-14);
  line-height: 1.2;
  font-weight: 400;
  color: var(--brown);
}

.reflection-list-card__title {
  width: 100%;
  max-width: 485px;
  margin-bottom: 42px;
  font-family: var(--font-main);
  font-size: var(--fs-30);
  line-height: 1.2;
  font-weight: 400;
  color: var(--brown);
}

.reflection-list-card__media {
  width: min(100%, 281px);
  aspect-ratio: 234 / 300;
  overflow: hidden;
}

.reflection-list-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reflection-list-card__link {
  margin-top: 22px;
  color: var(--brown);
  text-align: center;
}

@media (min-width: 800px) {
  .reflections-index .home-news__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .reflections-index .news-card {
    grid-column: auto;
  }
}