/* The employee overview shares the large photographic treatment of the site. */
#specialists { padding: 0; overflow: hidden; background: #e9edef; }
#specialists .staffing-stage { position: relative; isolation: isolate; min-height: 560px; padding: var(--section-inset); }
#specialists .staffing-intro { position: relative; width: 42%; max-width: none; }
#specialists .staffing-photo { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
#specialists .staffing-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
#specialists .staffing-photo::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, #e9edef 0%, #e9edeff7 34%, #e9edefb0 42%, #e9edef00 55%),
    linear-gradient(0deg, #e9edef, #e9edef00 90px);
}
#specialists > .staffing-list { padding: 12px var(--section-inset) 0; }
#specialists > .staffing-note { margin: 28px var(--section-inset) 0; padding-bottom: var(--section-inset); }

/* One edge-to-edge photograph, fading into the contact information. */
#contacts.contacts-panel {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  min-height: clamp(420px, 44vw, 560px); padding-block: var(--section-inset); background: #e9edef;
}
#contacts .contact-photo { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
#contacts .contact-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right 45%; }
#contacts .contact-photo::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #e9edef 0%, #e9edeff5 27%, #e9edefc7 40%, #e9edef38 56%, #e9edef00 70%);
}
#contacts .contacts-direct { width: 44%; grid-template-columns: minmax(0, 1fr); gap: 18px; }
@media (max-width: 1100px) {
  #contacts .contacts-direct { width: 52%; }
  #contacts .contact-photo::after { background: linear-gradient(90deg, #e9edef 0%, #e9edefed 32%, #e9edefa6 46%, #e9edef00 72%); }
}
@media (max-width: 850px) {
  #specialists .staffing-stage { min-height: 0; padding-bottom: 0; }
  #specialists .staffing-intro { width: 100%; }
  #specialists .staffing-photo {
    position: relative; inset: auto; height: clamp(360px, 72vw, 530px);
    width: calc(100% + var(--section-inset) * 2);
    margin: 20px calc(-1 * var(--section-inset)) 0;
    overflow: hidden;
  }
  #specialists .staffing-photo img { position: absolute; inset: 36px 0 0; height: calc(100% - 36px); object-position: right top; }
  #specialists .staffing-photo::after {
    background: linear-gradient(180deg, #e9edef 0, #e9edef 36px, #e9edef00 54px), linear-gradient(0deg, #e9edef 0, #e9edef00 52px);
  }
}
@media (max-width: 650px) {
  #contacts.contacts-panel { min-height: 550px; justify-content: flex-start; padding-block: 28px; }
  #contacts .contacts-direct { width: 100%; gap: 18px; }
  #contacts .contact-photo img { object-position: 82% center; }
  #contacts .contact-photo::after {
    background: linear-gradient(180deg, #e9edefed 0%, #e9edefe8 24%, #e9edefc9 41%, #e9edef4d 60%, #e9edef00 79%);
  }
}