/* Trang chủ, mục "Đội ngũ lãnh đạo".
   - Chữ dùng cùng phông và cỡ chữ thường như các mục khác (không dùng chữ có chân cỡ lớn).
   - Học vị, họ tên và chức vụ nằm trên cùng một hàng, cùng đường cơ sở chữ.
   - Khung ảnh nhỏ lại; ảnh đổi bằng mờ dần kèm thu nhẹ thay cho quét lên từ dưới. */

.ld-btn{
  font-family:var(--font-sans);font-weight:600;font-size:1.125rem;line-height:1.4;letter-spacing:0;
  min-height:40px;padding:6px 0;
}
.ld-deg{
  width:4.9rem;margin-right:0;
  font-size:.875rem;font-weight:500;letter-spacing:0;vertical-align:baseline;
}
.ld-role{font-size:.9375rem;line-height:1.4}

/* Trạng thái chọn: không phóng chữ (làm lệch hàng); đang chọn trắng đậm, còn lại dịu hơn nhưng vẫn đủ tương phản */
.leaders.is-live .ld-btn{color:rgba(255,255,255,.72)}
.leaders.is-live .ld-item.is-active .ld-btn{color:#fff;transform:none}
.leaders.is-live .ld-role{color:rgba(201,214,232,.68)}
.leaders.is-live .ld-item.is-active .ld-role{color:#fff}

@media (min-width:1024px){
  .ld-stage{grid-template-columns:minmax(0,1fr) 300px;gap:56px}
  .ld-item{grid-template-columns:minmax(16.5rem,19rem) minmax(0,1fr);column-gap:16px;align-items:baseline}
  .ld-btn{grid-column:1;grid-row:1;font-size:1.125rem;min-height:40px}
  .ld-role{grid-column:2;grid-row:1;margin:0;text-align:left;font-size:.9375rem}
  .leaders.is-live .ld-role{opacity:1}
  .ld-group-label,.ld-org{margin-left:0}
  .ld-figure{max-width:300px}
}

/* Ảnh: mờ dần chồng lên ảnh trước, thu từ 1,04 về 1; ảnh cũ mờ đi bên dưới */
.leaders.is-live .ld-photo img{
  clip-path:none;opacity:0;transform:scale(1.04);z-index:0;animation:none;
  transition:opacity .9s cubic-bezier(.4,0,.2,1),transform 1.6s cubic-bezier(.2,.7,.2,1);
}
.leaders.is-live .ld-photo img.is-prev{opacity:1;z-index:1;transform:scale(1);transition:opacity .9s cubic-bezier(.4,0,.2,1)}
.leaders.is-live .ld-photo img.is-active{opacity:1;z-index:2;transform:scale(1)}

/* Thẻ chân dung trên điện thoại: cùng phông chữ thường */
.ld-card-name{font-family:var(--font-sans);font-size:1rem;font-weight:600}