/*=========================
	STAFF GRID BLOCK
=========================*/
.block-staff-grid .title {
    padding-bottom: var(--space-2);
    border-bottom: 1.5px solid var(--color-a);
}
.block-staff-grid .items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-4);
    padding: var(--space-4) 0;
}
.block-staff-grid .item {
    display: flex;
    gap: var(--space-4);
    align-items: center;
}
.block-staff-grid .item .image img {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    object-fit: cover;
    filter: grayscale(100%);
    transition: filter 0.3s ease; 
}
.block-staff-grid .item:hover .image img {
    filter: grayscale(0%); 
}
.block-staff-grid .item .font-copy,
.block-staff-grid .item .font-small {
  margin-bottom: 5px;
}
.block-staff-grid .item .position {
    text-wrap: balance;
}

.block-staff-grid .button-sm:hover {
    text-decoration: none !important;
}
.block-staff-grid .button-sm:before {
    content: url('../../../img/icons/arrow-right-a.svg');
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    transition: transform 0.3s ease-in-out;
    position: relative;
    top: 3px;
  }
  .block-staff-grid .button-sm:hover:before {
    transform: translateX(5px); 
  }
  
  /* Responsive */
@media only screen and (max-width: 991px) {
    .block-staff-grid .items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 576px) {
    .block-staff-grid .items {
        grid-template-columns: 1fr;
    }
}