/* Custom overrides for Projects page layout */

/* Make each project full width (stacked vertically) */
.archive .grid__wrapper {
  display: block !important;
}

/* Each post item takes full width */
.archive .grid__item {
  width: 100% !important;
  max-width: 900px;
  margin: 0 auto 3rem auto;
}

.archive .archive__item-teaser img {
  width: 60%;
  height: 50%; /* adjust this number */
  object-fit: cover; /* crops edges instead of squishing */
  border-radius: 10px;
}

/* Style the titles and excerpts for better readability */
.archive .archive__item-title {
  font-size: 1.5em;
  margin-top: 0.5em;
}

.archive .archive__item-excerpt {
  font-size: 1.0em;
  color: #444;
  line-height: 1.5;
}

/* Optional: reduce padding between cards */
.archive {
  padding-top: 2rem;
}