.home-spacer {
  margin-top: 10%;
}

@media (max-width: 768px) {
  .home-spacer {
    margin-top: 15%;
  }
}

@media (max-width: 520px) {
  .home-spacer {
    margin-top: 20%;
  }
}

.thoughts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
  row-gap: 64px;
  margin: 56px 0 24px;
  width: 100%;
}

@media (max-width: 768px) {
  .thoughts-grid {
    grid-template-columns: 1fr;
  }
}

.thought-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 4%;
}

.thought-card .media {
  background: #f4f6f8;
  aspect-ratio: 16/10;
  border-radius: 8px;
}

.thought-card .date {
  font-size: 13px;
  color: var(--text-color-grey);
}