/* =============================================================
   TEAM.CSS
   -------------------------------------------------------------
   TODO: базовые стили для блока "team" ещё не написаны.
   Аналогично portfolio — только .team-grid в медиа-запросе,
   переведён в responsive.css.
   Написать при наполнении блока "Команда":
   - .team-grid
   - .team-card / .team-photo / .team-name / .team-role
   ============================================================= */

   /* =============================================================
   TEAM.CSS
   Блок "Команда": карточки сотрудников с фото, именем, должностью.
   -------------------------------------------------------------
   Структура (предполагаемая):
     .team-grid
       .team-card
         .team-photo
         .team-name
         .team-role
   ============================================================= */


/* -------------------------------------------------------------
   СЕТКА КОМАНДЫ
   На десктопе 3-4 колонки, на планшете 2, на мобильном 1.
   ------------------------------------------------------------- */
.team-grid {
    display               : grid;
    grid-template-columns : repeat(auto-fit, minmax(220px, 1fr));
    gap                   : 25px;
    margin                : 30px 0;
}


/* -------------------------------------------------------------
   КАРТОЧКА СОТРУДНИКА
   ------------------------------------------------------------- */
.team-card {
    background    : #fff;
    border        : 1px solid #eee;
    border-radius : 12px;
    padding       : 20px;
    text-align    : center;
    box-shadow    : 0 2px 8px rgba(0, 0, 0, 0.06);
    transition    : transform 0.25s ease, box-shadow 0.25s ease;
}

.team-card:hover {
    transform  : translateY(-5px);
    box-shadow : 0 8px 20px rgba(0, 0, 0, 0.12);
}


/* -------------------------------------------------------------
   ФОТО СОТРУДНИКА
   Круглая маска, фиксированный размер.
   Если используется <img> — object-fit: cover.
   ------------------------------------------------------------- */
.team-photo {
    width               : 120px;
    height              : 120px;
    margin              : 0 auto 15px;
    border-radius       : 50%;
    background-size     : cover;
    background-position : center;
    background-color    : #e9ecef;
    display             : flex;
    align-items         : center;
    justify-content     : center;
    color               : #999;
    font-size           : 13px;
}


/* -------------------------------------------------------------
   ИМЯ СОТРУДНИКА
   ------------------------------------------------------------- */
.team-name {
    font-size   : 17px;
    font-weight : bold;
    color       : #222;
    margin      : 0 0 5px;
}


/* -------------------------------------------------------------
   ДОЛЖНОСТЬ
   ------------------------------------------------------------- */
.team-role {
    font-size : 14px;
    color     : #666;
    margin    : 0;
}