.hero-photo--slides{position:relative;overflow:hidden;background:var(--paper)}
.staff-slides{position:absolute;inset:0}
.staff-slide{position:absolute;inset:0;display:block;
  opacity:0;visibility:hidden;
  transition:opacity .2s var(--ease),visibility 0s linear .2s}
.staff-slide.is-on{opacity:1;visibility:visible;
  transition:opacity .2s var(--ease),visibility 0s}
.staff-slide img{display:block;width:100%;height:100%;object-fit:cover;
  transform:scale(1.03);transition:transform .8s linear}
.staff-slide.is-on img{transform:scale(1)}
.staff-dots{position:absolute;right:18px;top:50%;transform:translateY(-50%);
  z-index:2;display:flex;flex-direction:column;gap:7px}
.staff-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.45);cursor:pointer;
  transition:background .3s,transform .3s}
.staff-dot:hover{background:rgba(255,255,255,.8)}
.staff-dot.is-on{background:#fff;transform:scale(1.35)}
.u-hidden{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:767px){
  .staff-dots{right:12px;gap:6px}
  .staff-dot{width:6px;height:6px}
}
@media (prefers-reduced-motion:reduce){
  .staff-slide img{transform:none;transition:none}
  .staff-slide.is-on img{transform:none}
}