/* Photographs identify people; illustrations explain the nearby idea. */
.authentic-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 1.25rem; align-items: start; margin: 1.5rem 0 2rem; }
.authentic-gallery .authentic-figure { margin: 0; max-width: 240px; }
.authentic-figure img { display: block; width: 100%; height: auto; }
.authentic-figure figcaption, .editorial-figure figcaption, .explanatory-figure figcaption { margin-top: .6rem; color: #51555a; font-size: .85rem; line-height: 1.5; }
.prose .explanatory-figure { max-width: 600px; margin: 2rem auto; }
.prose .explanatory-figure img { display: block; width: 100%; height: auto; max-height: none; }
.authentic-portrait img { max-height: 260px; object-fit: contain; object-position: left bottom; }
.pick-portrait-intro { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 1.2rem; align-items: start; margin: 1rem 0; }
.pick-portrait-intro .authentic-portrait { width: 100%; margin: 0; }
.pick { display: flow-root; }
.pick .pros-cons { clear: both; }
.pick .authentic-interface { width: 100%; max-width: 760px; margin: 1.5rem 0; }
.editorial-figure { margin: 2rem 0; max-width: 760px; }
.editorial-figure img { display: block; width: 100%; height: auto; }
.team-profile { margin: 2rem 0; }
.team-profile.has-photo { display: grid; grid-template-columns: 144px minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.team-profile h3 { margin-top: 0; }
.team-profile .contributor-photo { width: 144px; max-height: 180px; object-fit: contain; object-position: left top; margin: 0; }
.product-icon { display: block; width: 64px; height: 64px; object-fit: contain; margin: 0 0 1rem; }
.prose .owned-project .product-icon { width: 64px; height: 64px; float: left; margin: 0 1.2rem 1rem 0; }
.owned-project { display: flow-root; }
.path-pick .path-art { display: block; width: 96px; height: 64px; flex: 0 0 96px; }
.path-art img { display: block; width: 96px; height: 64px; object-fit: contain; }
.path-picker .path-pick { grid-template-columns: 96px minmax(0, 1fr) auto; }
@media (max-width: 40rem) {
 .pick-portrait-intro { grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; }
 .team-profile.has-photo { grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; }
 .team-profile .contributor-photo { width: 96px; max-height: 128px; }
 .team-profile h3 { font-size: 1.2rem; }
 .authentic-gallery { gap: 1rem; }
 .path-pick .path-art, .path-art img { width: 76px; height: 51px; }
 .path-pick .path-art { flex-basis: 76px; }
 .path-picker .path-pick { grid-template-columns: 76px minmax(0, 1fr) auto; }
}