.office-staff-illustration {
  background-size: auto 88%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #f2faf6;
}
.office-staff-illustration--1 { background-image: url('/assets/media/staff-workwear-01.svg'); }
.office-staff-illustration--2 { background-image: url('/assets/media/staff-workwear-02.svg'); }
.office-staff-illustration--3 { background-image: url('/assets/media/staff-workwear-03.svg'); }
.office-staff-illustration--4 { background-image: url('/assets/media/staff-workwear-04.svg'); }

/* Keep the portrait column fitted to the smaller illustration. */
.office-page--staff-illustrations .office-staff-card {
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: var(--space-md);
}
.office-page--staff-illustrations .office-staff-illustration {
  width: 7.5rem;
  height: 7.5rem;
}
@media (max-width: 767px) {
  .office-page--staff-illustrations .office-staff-card {
    grid-template-columns: 5rem minmax(0, 1fr);
  }
  .office-page--staff-illustrations .office-staff-illustration {
    width: 5rem;
    height: 5rem;
  }
}

/* Additional portraits for the approved staff presentation. */
.office-staff-illustration--5 { background-image: url('/assets/media/staff-workwear-05.svg'); }
.office-staff-illustration--6 { background-image: url('/assets/media/staff-workwear-06.svg'); }
.office-staff-illustration--7 { background-image: url('/assets/media/staff-workwear-07.svg'); }
.office-staff-illustration--8 { background-image: url('/assets/media/staff-workwear-08.svg'); }
.office-staff-illustration--9 { background-image: url('/assets/media/staff-workwear-09.svg'); }
.office-staff-illustration--10 { background-image: url('/assets/media/staff-workwear-10.svg'); }
.office-staff-illustration--11 { background-image: url('/assets/media/staff-workwear-11.svg'); }
.office-staff-illustration--12 { background-image: url('/assets/media/staff-workwear-12.svg'); }