/* ---------- home: staff / faculty (managed in Admin > Staff) ---------- */
.staff-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,28px);margin-top:clamp(40px,5vw,64px)}
.staff-card{display:flex;flex-direction:column;background:rgba(255,255,255,.6);border:1px solid var(--line-l);border-radius:20px;padding:12px 12px 20px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.staff-card:hover{transform:translateY(-6px);box-shadow:0 26px 40px -28px rgba(16,24,39,.55)}
.staff-photo{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--paper-2)}
.staff-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* no photo yet: a quiet person outline */
.staff-ph{position:absolute;inset:0;background:
  radial-gradient(circle at 50% 38%,rgba(16,24,39,.13) 0 17%,transparent 17.5%),
  radial-gradient(ellipse 34% 26% at 50% 96%,rgba(16,24,39,.13) 0 98%,transparent 100%),
  linear-gradient(160deg,#E7EBE3,#DADFD4)}
.staff-name{display:block;font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;margin:16px 6px 2px}
.staff-role{display:block;color:var(--ink);margin:0 6px;font-size:15px}
.staff-dept{display:block;color:var(--orange);margin:8px 6px 0;font-size:11px}
@media (max-width:1080px){ .staff-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:760px){ .staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .staff-name{font-size:.98rem} }