.project-cast { margin-top: 4rem; }
.project-cast__title { font-size: 1.75rem; margin-bottom: 1.5rem; }
.project-cast__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1.5rem; }
.project-cast__card {
  display: flex; flex-direction: column; align-items: center;
  text-decoration: none; color: inherit;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.project-cast__card:hover { transform: translateY(-3px); }
.project-cast__photo {
  width: 100%; aspect-ratio: 4/5;
  background-size: cover; background-position: center;
  border-radius: 12px;
  background-color: #e9e6df;
}
.project-cast__name { margin-top: 0.75rem; font-weight: 600; font-size: 15px; }
.project-cast__role { font-family: ui-monospace, monospace; font-size: 11px; opacity: 0.6; text-transform: uppercase; letter-spacing: 0.06em; }