/* Directory keeps its signature diagonal crop; Firebase focal settings remain independent. */
.staff-enhanced .staff-photo img{
  object-position:var(--staff-directory-position,50% 50%)!important;
  transform-origin:var(--staff-directory-origin,50% 50%)!important;
  transform:scale(var(--staff-directory-scale,1))!important;
}

/* Clicked profile: centered rectangular portrait with restrained editorial details. */
.staff-profile{
  grid-template-columns:minmax(300px,410px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(54px,7vw,108px)!important;
  width:min(1120px,100%)!important;
  margin-inline:auto!important;
  padding:clamp(44px,6vw,78px)!important;
  background:rgba(255,252,247,.58)!important;
  border:1px solid rgba(82,61,52,.16)!important;
  box-shadow:none!important;
}
.staff-profile-visual{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:3 / 4!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  isolation:isolate;
}
.staff-profile-visual::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-13px 13px 13px -13px!important;
  border:1px solid rgba(146,84,102,.82)!important;
  clip-path:none!important;
  pointer-events:none;
  z-index:0;
}
.staff-profile-visual::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:-20px!important;
  bottom:-18px!important;
  width:clamp(62px,7vw,88px)!important;
  height:clamp(62px,7vw,88px)!important;
  border:0!important;
  background:rgba(151,166,141,.62)!important;
  clip-path:none!important;
  pointer-events:none;
  z-index:3;
}
.staff-profile-image-frame{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#e7ded4;
  z-index:2;
}
.staff-profile-image-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:var(--staff-profile-position,50% 50%)!important;
  transform-origin:var(--staff-profile-origin,50% 50%)!important;
  transform:scale(var(--staff-profile-scale,1))!important;
  clip-path:none!important;
  background:transparent!important;
}
.staff-profile-volume{
  position:absolute;
  left:-46px;
  top:44%;
  color:#925466;
  font-family:Georgia,'Times New Roman',serif;
  font-size:.72rem;
  letter-spacing:.18em;
  writing-mode:vertical-rl;
  z-index:4;
}
.staff-profile-copy{align-self:center!important;min-width:0;}
.staff-profile-back{margin-bottom:clamp(40px,5vw,70px)!important;}
.staff-profile-copy h3{line-height:1.08!important;}

@media(max-width:760px){
  .staff-profile{grid-template-columns:1fr!important;gap:48px!important;padding:42px 28px 52px!important;}
  .staff-profile-visual{width:min(78vw,360px)!important;margin-inline:auto!important;}
  .staff-profile-volume{left:-34px;}
  .staff-profile-copy{width:100%;}
  .staff-profile-back{margin-bottom:32px!important;}
}
@media(max-width:420px){
  .staff-profile{padding-inline:22px!important;}
  .staff-profile-visual{width:min(74vw,310px)!important;}
  .staff-profile-volume{left:-27px;font-size:.62rem;}
  .staff-profile-visual::before{inset:-9px 9px 9px -9px!important;}
  .staff-profile-visual::after{right:-13px!important;bottom:-13px!important;}
}