/* The about page: the full-viewport hero (styles/components/hero.css), then
   the founder's story, Martin, the team and how we work, one idea per screen.
   The .two.split grid (site.css) sets each photo beside its words and stacks
   title, photo, words on phones; the trio, the Martin note, the FII link, the
   quotes row and the closing block are the shared pieces in site.css. */

/* The hero's --hero-shift widens .hero-img past the frame (hero.css), but the
   base reset's img { max-width: 100% } (site.css) caps it at the frame, so the
   shift never moves the subject. Lifted here for this page's ascent; whether
   hero.css should lift it for every hero is Costa's call (the other heroes
   were tuned with the cap in place). */
.hero-img { max-width: none; }

/* The team: centered heading and lede over the trio, like the homepage's.
   The three portraits come from three cameras and stay in color (Costa,
   2026-09-15). */
.about-team > .wrap > .kicker, .about-team h2, .about-team > .wrap > .lede { text-align: center; }
.about-team > .wrap > .lede { text-wrap: balance; }
.about-team .text-link { display: inline-flex; align-items: center; gap: 0.3rem; }

/* Everyone else: the network block under the trio, centered, a hairline
   above, the FII link closing it (the link's flex row centers with the rest) */
.team-network { max-width: var(--narrow); margin: var(--2xl) auto 0; padding-top: var(--xl); border-top: var(--hair); text-align: center; }
.team-network h3 { margin-bottom: 0.7rem; }
.team-network p { color: var(--text-2); text-wrap: balance; }
.team-network .fii-link { justify-content: center; }
.team-network .fii-text { text-align: left; }