:root{
  --navy:#14213d;
  --navy2:#1f3157;
  --blue:#2f5d8a;
  --pale:#f5f7fa;
  --line:#dfe5ec;
  --text:#17202a;
  --muted:#65717e;
  --white:#fff;
  --shadow:0 6px 20px rgba(26,43,66,.08);
}
*{box-sizing:border-box}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:20px;min-height:242px;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(26,43,66,.025);transition:.15s transform,.15s box-shadow}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.card-top{display:flex;gap:14px;align-items:center;margin-bottom:17px}
.avatar{width:58px;height:58px;border-radius:50%;background:#e7edf4;color:var(--navy);display:grid;place-items:center;font-weight:700;letter-spacing:.03em;flex:0 0 58px;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.name{font-size:18px;font-weight:700;line-height:1.2;margin-bottom:3px}
.class-year{font-size:13px;color:var(--blue);font-weight:700}
.role{font-size:15px;line-height:1.4;font-weight:700;margin-bottom:5px}
.company{font-size:15px;line-height:1.35;margin-bottom:8px;color:#34404c}
.location{font-size:13px;color:var(--muted);min-height:18px}
.profile{margin-top:auto;padding-top:17px;font-size:13px;font-weight:700;color:var(--blue);text-decoration:none}
.profile:hover{text-decoration:underline}
.no-profile{margin-top:auto;padding-top:17px;font-size:13px;color:#8993a0}