.project-card-art {
  display: block;
  width: 100%;
  height: 8rem;
  margin: 0 0 1rem;
  border: 1px solid var(--line);
  border-radius: .45rem;
  object-fit: cover;
  object-position: center 55%;
  background: var(--surface-subtle, #dfe7e2);
}

.project-artwork {
  width: min(100%, 28rem);
  margin: 0 auto 1.5rem;
  padding: .45rem;
  border: 1px solid var(--line);
  border-radius: var(--surface-radius, .65rem);
  background: var(--surface, #f5f8fa);
  box-shadow: var(--surface-shadow, 0 8px 22px rgba(24, 40, 51, .055));
}

.project-artwork img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: .35rem;
  object-fit: contain;
}