/* ==========================================================================
   STAFF STYLES
   Extends css/style.css.
   ========================================================================== */

.staff-page{max-width:1100px; margin:0 auto; padding:80px 5% var(--block-gap);}
.staff-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:20px;}
.staff-card{
  text-align:center; padding:30px 24px; border-radius:14px;
  border:1px solid var(--border); background:linear-gradient(160deg, var(--panel), var(--bg-alt));
  transition:border-color .25s ease, transform .25s ease;
}
.staff-card:hover{border-color:var(--frost-dim); transform:translateY(-4px);}
.staff-card.open{border-style:dashed; opacity:0.75;}
.staff-avatar{
  width:64px; height:64px; margin:0 auto 16px; border-radius:50%;
  background:linear-gradient(135deg, var(--frost), var(--frost-dim));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:1.6rem; font-weight:800; color:#050810;
}
.staff-card.open .staff-avatar{background:linear-gradient(135deg, var(--border), var(--panel)); color:var(--text-dim);}
.staff-card h3{font-family:var(--font-display); font-size:1.05rem;}
.staff-role{
  display:block; margin-top:6px; color:var(--frost-glow);
  font-size:0.72rem; letter-spacing:1px; text-transform:uppercase; font-weight:700;
}
.staff-card p{color:var(--text-dim); font-size:0.85rem; line-height:1.7; margin-top:14px;}

.staff-subhead{
  text-align:center; font-family:var(--font-display); font-size:0.95rem;
  letter-spacing:1px; text-transform:uppercase; color:var(--text-dim);
  margin:36px 0 20px;
}
.staff-subhead:first-of-type{margin-top:0;}

.staff-founder-row{display:flex; justify-content:center; flex-wrap:wrap; gap:20px; margin-bottom:20px;}
.staff-founder-row .staff-card{width:100%; max-width:260px; border-color:var(--frost-dim); box-shadow:0 0 30px -12px var(--frost-glow);}
.staff-founder-row .staff-avatar{width:76px; height:76px; font-size:1.9rem;}