/* Consistent photo heights without cropping portrait or landscape projects. */
.project-detail-page { --project-photo-height: 440px; }
.project-detail-page .detail-photo > a {
 display: flex;
 align-items: center;
 justify-content: center;
 height: var(--project-photo-height);
}
.project-detail-page .detail-photo img {
 display: block;
 width: 100%;
 height: var(--project-photo-height);
 max-height: none;
 aspect-ratio: auto;
 object-fit: contain;
}
.project-detail-page .project-bottom { text-align: center; }
@media (max-width: 767px) {
 .project-detail-page { --project-photo-height: 300px; }
}
@media (max-width: 359px) {
 .project-detail-page { --project-photo-height: 260px; }
}