/* Keep each project's photographs beside its description. */
.community-index-entry:has(.community-project-photos)::after {
  inset-block: 0;
}
.community-index-entry:has(.community-project-photos) > [data-community-tab] {
  min-height: 0;
  padding-block: clamp(2rem, 4vw, 3.5rem) 1.75rem;
}
.community-project-photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 0;
  padding: 0 0 3rem;
}
.community-project-photos figure {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  margin: 0;
  min-width: 0;
}
.community-project-photos figure > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  overflow: hidden;
  background: #0b1422;
  border: 1px solid #a0c5dd25;
}
.community-project-photos .archive-portrait > div { height: 225px; }
.community-project-photos img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.community-project-photos figcaption {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  padding-top: 13px;
}
.community-project-photos small {
  display: block;
  color: #93b5c9;
  font: 600 9px/1.8 'Open Sans', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.community-project-photos strong {
  display: block;
  margin-top: 7px;
  color: #edf3f4;
  font: 600 14px/1.45 'Open Sans', sans-serif;
}
.community-project-photos p {
  margin: 7px 0 0;
  color: #9cb4c4;
  font: 400 12px/1.75 'Open Sans', sans-serif;
}
@media (max-width: 1050px) {
  .community-project-photos { column-gap: 14px; }
  .community-project-photos figure > div { height: 145px; }
  .community-project-photos .archive-portrait > div { height: 200px; }
}
@media (max-width: 760px) {
  .community-project-photos { padding-bottom: 2.5rem; }
  .community-project-photos .archive-portrait > div { height: 220px; }
}
@media (max-width: 420px) {
  .community-project-photos { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .community-project-photos figure,
  .community-project-photos figcaption { row-gap: 0; }
  .community-project-photos figure > div { height: 210px; }
  .community-project-photos .archive-portrait > div { height: 260px; }
}