/* The team uses the published site’s palette, type, frames and spacing. */
.team-intro { padding-bottom: var(--space-5); }
.team-intro h1 { max-width: 13ch; margin-bottom: var(--space-4); }
.team-lede { max-width: 32ch; }
.team-founder { padding-top: var(--space-5); }
.team-founder__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 7vw, 7rem); }
.team-portrait { margin: 0; max-width: 480px; }
.team-portrait .frame { --ar: 4 / 5; --tilt: -2deg; }
.team-portrait figcaption { margin-top: var(--space-5); text-align: center; }
.team-founder__copy { max-width: 34rem; }
.team-founder__copy h2 { margin-bottom: var(--space-5); }
.team-founder__copy p + p { margin-top: var(--space-5); }
.team-founder__copy .link { display: inline-flex; align-items: center; min-height: var(--tap); margin-top: var(--space-6); }
.team-mat { max-width: 56rem; margin-inline: auto; padding: clamp(1.5rem, 6vw, 5rem); background: var(--mat); border-radius: var(--r-2); box-shadow: var(--shadow-sm), var(--shadow-contact); }
.team-mat h2 { margin-block: var(--space-4) var(--space-6); }
.team-mat .lede { max-width: 42ch; }
.team-mat p + p { margin-top: var(--space-5); }
.nav__links a[aria-current="page"] { color: var(--red-ink); text-decoration: underline; text-underline-offset: 0.35em; }
@media (max-width: 760px) {
  .team-founder__grid { grid-template-columns: 1fr; gap: var(--space-7); }
  .team-portrait { width: min(100%, 400px); margin-inline: auto; }
  .team-founder__copy { max-width: none; }
}