/* Honest availability state when exact-event photographs have not been supplied. */
html:root[data-theme] body.cinematicPage:is([data-page="project-detail"],[data-page="projects"]) .projectPhotoUnavailable {
  display: grid;
  place-content: center;
  min-height: 280px;
  padding: 24px;
  background: var(--surface, #181a1f);
  color: var(--text-secondary, #b6bac4);
  font-family: inherit;
  font-size: 15px;
  line-height: 1.6;
  text-align: center;
}
html:root[data-theme] body.cinematicPage[data-page="projects"] .projectCard figure > .projectPhotoUnavailable {
  position: absolute;
  inset: 0;
  min-height: 0;
}
html:root[data-theme] body.cinematicPage[data-page="project-detail"] .projectDetailCoverPending {
  background: #14171c;
}
@media (max-width: 600px) {
  html:root[data-theme] body.cinematicPage:is([data-page="project-detail"],[data-page="projects"]) .projectPhotoUnavailable { min-height: 220px; }
  html:root[data-theme] body.cinematicPage[data-page="projects"] .projectCard figure > .projectPhotoUnavailable { min-height: 0; }
}