/* ============================================================
   СПБ Переезд — team

   ============================================================ */

.sp-team{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1180px;margin:0 auto}

.sp-team__item{flex:0 0 270px;max-width:270px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px 24px;text-align:center;box-shadow:var(--sh);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.sp-team__item:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}

.sp-team__photo{width:220px;height:220px;border-radius:10px;margin:0 auto 18px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dk));display:flex;align-items:center;
  justify-content:center;color:#fff;font-family:var(--f-display);font-weight:700;font-size:44px;
  overflow:hidden;box-shadow:0 6px 20px rgba(31,95,240,.18)}

.sp-team__item h3{font-size:17px;font-weight:700;color:var(--ink);margin:0}
.sp-team__role{font-size:13.5px;color:var(--brand);font-weight:600;margin-top:4px}
.sp-team__exp{font-size:12.5px;color:var(--ink-3);margin-top:12px;line-height:1.7}

.sp-gallery__more{text-align:center;margin-top:26px}
.sp-gallery__more svg{transition:transform .25s ease}
.sp-gallery__more.is-expanded svg{transform:rotate(-90deg)}

/* --- свёрнуто: сколько карточек показывать на каждой ширине --- */

/* 1 в ряд — показываем 3 */
.sp-team.is-collapsed .sp-team__item:nth-child(n+4){display:none}

/* 2 в ряд — показываем 4 (2 полных ряда) */
@media(min-width:521px){
  .sp-team.is-collapsed .sp-team__item:nth-child(n+4){display:block}
  .sp-team.is-collapsed .sp-team__item:nth-child(n+5){display:none}
}

/* 3 в ряд — показываем 3 (1 полный ряд) */
@media(min-width:900px){
  .sp-team.is-collapsed .sp-team__item:nth-child(n+4){display:none}
}

/* 4 в ряд — показываем 4 (1 полный ряд) */
@media(min-width:1201px){
  .sp-team.is-collapsed .sp-team__item:nth-child(n+4){display:block}
  .sp-team.is-collapsed .sp-team__item:nth-child(n+5){display:none}
}

.sp-team.is-expanded .sp-team__item{display:block}

/* --- мобильный: 1 в ряд --- */
@media(max-width:520px){
  .sp-team__item{flex:0 0 100%;max-width:320px}
  .sp-team__photo{width:180px;height:180px;font-size:36px}
}