/* «Somos Vibilog» · the people behind it. A calm row of three portraits: no
   motion here, this section is the pause between the scroll scene and the
   folders. On a phone the row scrolls sideways, with the next face peeking in. */
.team{margin-top:72px}
.team-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.team-list figure{margin:0}
.team-list img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#e6eaf0}
.team-list figcaption{display:grid;gap:3px;margin-top:14px}
.team-name{font-size:18px;font-weight:650;letter-spacing:-.02em;color:var(--ink)}
.team-title{font-size:15px;font-weight:450;letter-spacing:0;color:var(--muted)}
.team-title::before{content:"·";margin:0 8px}
.team-role{font-size:15px;line-height:1.4;color:var(--muted);text-wrap:balance}
@media(max-width:800px){
  .team{margin-top:36px}
  .team-list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
  .team-list::-webkit-scrollbar{display:none}
  .team-list li{scroll-snap-align:start}
  .team-list figcaption{margin-top:10px}
  .team-name{font-size:16px}
  .team-role{font-size:14px}
}