/* ==========================================================================
   Featured Work — homepage teaser row. A small curated slice of the same
   .project-card component used on expertise.html#projects (styles for the
   card itself live in css/projects.css); this file only lays out the grid.
   Populated by js/modules/featured-projects.js from data/projects.js.
   ========================================================================== */

.work {
  background: var(--color-navy-950);
  border-top: 1px solid var(--border-subtle);
}

.work__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
}

.work__footer {
  margin-top: var(--space-xl);
  display: flex;
  justify-content: center;
}

@media (max-width: 900px) {
  .work__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

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