/* Team photos (added after go-live) in the artifact's portrait boxes: Leadership grid (4:5, 4:3 on phones) and the Home strip (square).
   Loaded by the Home, Leadership and Company templates alone. */
.portrait.photo { position: relative; overflow: hidden; background: var(--tint); }
.portrait.photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 8%; }

/* Company: Steve's full 4:5 photo in the founder story's box (a dashed 4:3 placeholder until now), so the photo column narrows
   from 7/12 to 4.25/12 (5/12, then 15% smaller on Nov 5) and the story text, one step smaller, keeps a readable line length */
.about-ph.photo { position: relative; overflow: hidden; border: 0; aspect-ratio: 4 / 5; width: 85%; max-width: 25.5rem; }
.about-ph.photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.about-story .about-split > p.story-text { font-size: var(--t-body); }
@media (min-width: 900px) {
  .about-story .about-split { grid-template-columns: minmax(0, 4.25fr) minmax(0, 7.75fr); }
  .about-ph.photo { width: 100%; }
  .about-story .about-split > p.story-text { max-width: 36rem; }
}

/* Company "Our leadership" list, nine names since Daria and Lindsey joined: long roles wrap so the names sit in even rows (5 + 4 on desktop),
   and each role stays right under its name */
.about-lead .lead-names { align-items: flex-start; }
.about-lead .lead-role { max-width: 15em; text-wrap: balance; }