/* Only actual, explicitly selected images use these rules. Review placeholders
   retain their existing styles and are never activated by this stylesheet. */
.site-photo { display: block; width: 100%; margin: 40px 0; overflow: hidden; aspect-ratio: 16 / 7; background: var(--sand); }
.site-photo picture, .site-photo img { display: block; width: 100%; height: 100%; }
.site-photo img { object-fit: cover; }
.site-photo--portrait { max-width: 340px; aspect-ratio: 4 / 5; }
.about-portrait-intro .site-photo--portrait { width: 100%; max-width: none; margin: 0; }
@media (max-width: 650px) {
  .site-photo { aspect-ratio: 16 / 10; }
  .site-photo--portrait { aspect-ratio: 4 / 5; }
  .about-portrait-intro .site-photo--portrait { max-width: 300px; }
}