/* Sequential profiles alternate portrait and copy across a quiet editorial grid. */
.team-page{--team-secondary:#747474}
html[data-theme=dark] .team-page{--team-secondary:#a2a2a8}
.team-page .header,.team-page .header.is-scrolled{position:fixed;height:76px;background:var(--paper);border-bottom:1px solid var(--line);animation:none}
.team-page main{padding:0 var(--gutter) 90px;max-width:1600px;margin:auto}
.team-intro{padding-top:128px}
.team-eyebrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}
.team-back{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:var(--team-secondary)}
.team-back>span:first-child{transition:transform .4s var(--ease)}
.team-back:hover>span:first-child{transform:translate(-3px,-3px)}
.team-intro h1{font-size:clamp(44px,5vw,72px);line-height:1.1;font-weight:350;letter-spacing:-.055em}
.team-grid{display:flex;flex-direction:column;gap:72px;margin-top:56px}
.person-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(36px,7vw,112px);width:92%;min-width:0;padding:40px 0 24px;border-top:1px solid var(--line);scroll-margin-top:100px}
.person-card+.person-card{margin-left:auto}
.person-card>.portrait-frame{grid-column:1;grid-row:1 / 4}
.person-card>.person-heading,.person-card>.credit-group{grid-column:2}
.person-card:nth-child(even)>.portrait-frame{grid-column:2}
.person-card:nth-child(even)>.person-heading,.person-card:nth-child(even)>.credit-group{grid-column:1}
.portrait-frame{position:relative;margin:0;align-self:center;height:clamp(320px,34vw,480px);display:flex;align-items:center;justify-content:center;overflow:hidden}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:contain;padding:15px 0 20px;transition:transform 1s var(--ease)}
.portrait-frame:hover img{transform:translateY(-3px)}
html[data-theme=dark] .portrait-frame img{filter:invert(1)}
.portrait-index{position:absolute;top:26px;left:0;font:9px var(--mono);color:var(--team-secondary);letter-spacing:2px}
.person-heading{padding:8px 0 28px}
.person-heading .micro{font-size:9px;color:var(--team-secondary);letter-spacing:1.5px}
.person-heading h2{font-size:42px;line-height:1.15;margin-top:12px;font-weight:350}
.native-name{font-size:13px;letter-spacing:0;color:var(--team-secondary);margin-left:14px;vertical-align:middle;white-space:nowrap}
.credit-group{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:24px 0;border-top:1px solid var(--line)}
.credit-group h3{font:9px/1.8 var(--mono);letter-spacing:1px;color:var(--team-secondary);padding-top:3px}
.credit-group ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.credit-group li{font-size:13px;line-height:1.6}
.credit-group small{display:block;font-size:11px;line-height:1.6;margin-top:3px;color:var(--team-secondary)}
.team-page .reveal{--reveal-delay:0ms}
.motion-ready .team-page .reveal{filter:none;transform:translateY(10px);transition:opacity .55s ease,transform .7s var(--ease)}
.motion-ready .team-page .reveal.is-visible{transform:none}
@media(max-width:900px){.person-card{width:100%;column-gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.person-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.credit-group{grid-template-columns:1fr;gap:15px}.person-heading h2{font-size:36px}.native-name{display:block;margin:9px 0 0}.portrait-frame{height:330px}}
@media(max-width:600px){
  .team-page .header{height:67px}.team-page main{padding-bottom:56px}
  .team-intro{padding-top:104px}.team-eyebrow{margin-bottom:28px}.team-eyebrow .micro{font-size:8px;letter-spacing:1px}
  .team-intro h1{font-size:42px}.team-grid{margin-top:32px;gap:48px}
  .person-card,.person-card:nth-child(even){display:flex;flex-direction:column;padding:0;width:100%}
  .portrait-frame{height:290px;width:85%;align-self:flex-start}.person-card:nth-child(even) .portrait-frame{align-self:flex-end}.native-name{display:inline-block;margin:0 0 0 12px}
  .credit-group{grid-template-columns:80px 1fr}.person-heading{padding:20px 0 24px}
}
@media(prefers-reduced-motion:reduce){.portrait-frame:hover img{transform:none}}
