/* Editorial graphite portraits, scoped to the team page. */
.team--editorial .team-portrait{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  background:#f5f3ef;
  border:1px solid #e6e3dc;
  transition:border-color .35s ease,box-shadow .35s ease;
}
.team--editorial .team-portrait>img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:50% 50%;
  transform:scale(1);
  transform-origin:50% 45%;
  transition:transform .7s cubic-bezier(.22,1,.36,1);
}
.team--editorial .team-portrait:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:13px;
  border:1px solid rgba(25,31,33,.13);
  pointer-events:none;
  opacity:0;
  transform:scale(.985);
  transition:opacity .4s ease,transform .7s cubic-bezier(.22,1,.36,1);
}
.team--editorial .member:hover .team-portrait,
.team--editorial .member:focus-within .team-portrait{
  border-color:#c8c4ba;
  box-shadow:0 9px 24px rgba(17,19,21,.055);
}
.team--editorial .member:hover .team-portrait>img,
.team--editorial .member:focus-within .team-portrait>img{transform:scale(1.025)}
.team--editorial .member:hover .team-portrait:after,
.team--editorial .member:focus-within .team-portrait:after{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){
  .team--editorial .team-portrait,
  .team--editorial .team-portrait>img,
  .team--editorial .team-portrait:after{transition:none;animation:none}
  .team--editorial .member:hover .team-portrait>img,
  .team--editorial .member:focus-within .team-portrait>img{transform:none}
}