.team-page .site-header { margin-bottom: clamp(4rem, 9vh, 7rem); }
.team-intro, .team-list { padding-inline: var(--side); }
.team-intro { max-width: 78rem; }
.eyebrow { margin: 0 0 var(--space-2); font-family: "Urbanist", sans-serif; font-size: clamp(.85rem, 1vw, 1.1rem); font-weight: 700; letter-spacing: .015em; text-transform: uppercase; }
.team-intro h1 { max-width: 62rem; margin: 0; font-family: "Urbanist", sans-serif; font-size: clamp(4rem, 7.6vw, 8.75rem); font-weight: 780; line-height: .84; letter-spacing: -.048em; }
.team-intro > p:last-child { max-width: 40rem; margin: var(--space-3) 0 0; font-size: clamp(1.2rem, 1.6vw, 1.8rem); font-weight: 600; line-height: 1.28; letter-spacing: -.008em; }
.team-list { margin-top: clamp(5rem, 10vw, 10rem); padding-bottom: clamp(6rem, 11vw, 10rem); }
.person { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 7vw, 9rem); align-items: center; }
.person + .person { margin-top: clamp(8rem, 17vw, 17rem); }
.person-jakob .portrait { order: 2; }
.portrait { aspect-ratio: 4 / 5; margin: 0; overflow: hidden; background: #fff; }
.portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.person-jakob .portrait img { transform: scale(1.08); transform-origin: center top; }
.person-copy { max-width: 38rem; }
.person-copy h2 { margin: 0; font-family: "Urbanist", sans-serif; font-size: clamp(3.1rem, 5.5vw, 6.5rem); font-weight: 780; line-height: .82; letter-spacing: -.05em; }
.person-copy .role { margin: var(--space-2) 0 var(--space-3); font: 700 clamp(.95rem, 1.15vw, 1.25rem)/1.25 "Urbanist", sans-serif; letter-spacing: -.01em; }
.person-copy > p:not(.eyebrow):not(.role) { margin: 0; font-size: clamp(1.05rem, 1.32vw, 1.42rem); font-weight: 600; line-height: 1.42; letter-spacing: -.006em; }
.person-copy > p:not(.eyebrow):not(.role) + p { margin-top: var(--space-2); }
.person-copy strong { font-family: "Urbanist", sans-serif; font-weight: 780; letter-spacing: -.01em; }
.person { opacity: 0; transform: translateY(2rem); animation: person-in 700ms both cubic-bezier(.2,.8,.2,1); }
.person-jakob { animation-delay: 180ms; }
@keyframes person-in { to { opacity: 1; transform: translateY(0); } }
@media (max-width: 760px) {
  .team-page .site-header { margin-bottom: clamp(3.5rem, 12vw, 5rem); }
  .team-intro h1 { font-size: clamp(3.6rem, 15vw, 5rem); }
  .team-intro > p:last-child { font-size: clamp(1.2rem, 5.7vw, 1.55rem); }
  .person { grid-template-columns: 1fr; gap: var(--space-3); }
  .person-jakob .portrait { order: 0; }
  .person + .person { margin-top: clamp(5.5rem, 18vw, 8rem); }
  .person-copy h2 { font-size: clamp(3.4rem, 16vw, 5rem); }
}
@media (prefers-reduced-motion: reduce) { .person { animation: none; opacity: 1; transform: none; } }
