.album-gallery {
  line-height: 0;
  columns: 1;
  column-gap: 1.5rem;
}
.album-gallery li {
  display: block;
  margin-bottom: 1.5rem;
  break-inside: avoid;
}
@media screen and (min-width: 60rem) {
  .album-gallery {
    columns: 2;
  }
}

/* Project metadata sections */
.project-meta-item {
  padding-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 2px solid #000;
}

.project-meta-label {
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #777;
  margin-bottom: .75rem;
}

/* Role tags — chips, same pattern as .note-tags */
.project-role-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.project-role-tags li {
  padding: .4rem .9rem;
  background: #efefef;
  font-size: .875rem;
  font-weight: 600;
}

/* External links list */
.project-links {
  line-height: 1.5em;
}

.project-links li + li {
  border-top: 1px solid #efefef;
}

.project-links a {
  display: block;
  padding: .4rem 0;
  text-decoration: underline;
  text-decoration-color: #777;
  text-underline-offset: 3px;
  word-break: break-word;
  font-size: .9375rem;
}

.project-links a:hover {
  color: #777;
}