/* About page portraits: consistent circular avatars and quiet hover feedback. */
.sg-about .sg-team-grid { gap:36px 24px; }
.sg-about .sg-team-member { text-align:center; padding-top:8px; }
.sg-about :is(.sg-team-photo,.sg-team-initials) {
  position:relative;
  width:min(156px,calc(100% - 12px));
  height:auto;
  aspect-ratio:1;
  margin:0 auto 24px!important;
  padding:5px;
  border:1px solid var(--sky-border);
  border-radius:50%;
  background:var(--sky-surface);
  transition:transform .22s cubic-bezier(.23,1,.32,1);
}
.sg-about :is(.sg-team-photo,.sg-team-initials)::after {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:0 0 0 5px var(--sky-tint),0 12px 26px rgba(24,61,50,.12);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s cubic-bezier(.23,1,.32,1);
}
.sg-about .sg-team-photo img {
  display:block;
  width:100%; height:100%; aspect-ratio:1;
  margin:0!important;
  border-radius:50%; object-fit:cover; object-position:50% 35%;
  transition:transform .22s cubic-bezier(.23,1,.32,1);
}
.sg-about .sg-team-initials {
  display:flex; align-items:center; justify-content:center;
  background:var(--sky-tint); color:var(--sky-text);
  font-family:Georgia,'Times New Roman',serif;
  font-size:46px; font-weight:400; line-height:1; letter-spacing:-.04em;
  box-shadow:inset 0 0 0 5px var(--sky-surface);
}
body.sky-north #wrapwrap .sg-about .sg-team-member h3 {
  margin:0 0 8px; font-size:21px; line-height:1.25; font-weight:600;
}
.sg-about .sg-team-role {
  min-height:38px;
  max-width:190px;
  margin:0 auto 12px!important;
  font-size:13px; line-height:1.5; font-weight:600;
}
.sg-about .sg-team-member > p:last-child {
  max-width:220px; margin-inline:auto;
  font-size:14px; line-height:1.7; color:var(--sky-muted);
}
@media (hover:hover) and (pointer:fine) {
  .sg-about .sg-team-member:hover :is(.sg-team-photo,.sg-team-initials) { transform:translateY(-4px); }
  .sg-about .sg-team-member:hover :is(.sg-team-photo,.sg-team-initials)::after { opacity:1; }
  .sg-about .sg-team-member:hover .sg-team-photo img { transform:scale(1.04); }
}
.sg-about .sg-team-member:focus-within :is(.sg-team-photo,.sg-team-initials)::after { opacity:1; }
@media (max-width:767px) {
  .sg-about .sg-team-grid { gap:32px 18px; }
  .sg-about :is(.sg-team-photo,.sg-team-initials) { width:min(128px,calc(100% - 12px)); margin-bottom:20px!important; }
  .sg-about .sg-team-initials { font-size:40px; }
  body.sky-north #wrapwrap .sg-about .sg-team-member h3 { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .sg-about .sg-team-member:hover :is(.sg-team-photo,.sg-team-initials),
  .sg-about .sg-team-member:hover .sg-team-photo img { transform:none; }
  .sg-about :is(.sg-team-photo,.sg-team-initials),
  .sg-about .sg-team-photo img,
  .sg-about :is(.sg-team-photo,.sg-team-initials)::after { transition:none; }
}