/* 所属タレント（Flexbox） */

.talent-list{
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 10px;
}

/* 4列 */
.talent-item{
  width: calc(25% - 19px);
  background: #fff;
}

/* “推し色”枠（旧bgcolorの代替：必要なければ消してOK） */
.talent-item.featured{
  background: #8fc600;
  padding: 10px;
}

/* クリック範囲をカード全体に */
.talent-item a{
  display: block;
  text-decoration: none;
  color: inherit;
  background: #fff; /* featured の内側を白に */
}

.talent-item.featured a{
  background: transparent;
}

/* 画像を同じ枠に揃える（ここが肝） */
.talent-item img{
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: 50% 18%;
  display: block;
}

/* 名前 */
.talent-name{
  padding: 12px 0;
  text-align: center;
  font-weight: normal;
  background: #dce5ea;
}

.talent-item.featured .talent-name{
  background: transparent; /* 緑のままにしたい場合 */
}

/* レスポンシブ */
@media (max-width: 900px){
  .talent-item{ width: calc(50% - 12px); }
}

@media (max-width: 500px){
  .talent-item{ width: 100%; }
}