.photo{border-radius:var(--r);overflow:hidden;position:relative;background:var(--mist-2)}
.photo{overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
.photo img{transition:transform .9s ease}
.card__ic{transition:.3s ease}
.card__ic{width:46px;height:46px;border-radius:12px;background:var(--sun-soft);
  display:grid;place-items:center;color:var(--ink);margin-bottom:20px}
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,26px)}
.member__ph{position:relative;aspect-ratio:1/1;background:var(--mist-2);display:grid;place-items:center;color:var(--dim);overflow:hidden}
.member__photo{width:100%;height:100%;display:block;object-fit:cover}
.member__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:22px;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.08) 78%);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.member:hover .member__overlay,.member:focus-within .member__overlay{opacity:1;transform:translateY(0)}
.member__remark{font-size:.86rem;line-height:1.55;max-width:42ch}
.member__d{font-size:.82rem;line-height:1.45;color:var(--dim);margin-top:8px}

@media (max-width:920px){.team{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.team{grid-template-columns:1fr}}