/*<!-- Administrative Staff --> */

.admin-offices-section{
  background:#f6f9ff;
}

.section-title{
  color:var(--blue-700);
  text-align:center;
  margin-bottom:30px;
  font-weight:700;
}

/* Gallery */
.staff-gallery{
  display:grid;
  grid-template-columns:repeat(6,1fr);  /* repeat(4,1fr); */
  gap:20px;
}

/* Card */
.staff-card{
  background:#fff;
  border-radius:var(--card-radius);
  text-decoration:none;
  color:#222;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  border-top:4px solid var(--blue-600);
  overflow:hidden;
  transition:.3s;
  opacity:0;
  transform:translateY(20px);
}

.staff-card.visible{
  opacity:1;
  transform:translateY(0);
}

.staff-card:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 25px rgba(26,115,232,.18);
}

.card-img{
  width:100%;
  height:200px;
  object-fit:cover;
}

.card-body{
  padding:15px;
  text-align:center;
}

.role{
  color:var(--blue-600);
  font-weight:700;
}

.person{
  font-weight:600;
  margin:0;
}

/* Contacts */
.contact-row{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:12px;
}

.contact-row a{
  background:#eef3ff;
  padding:8px;
  border-radius:8px;
}

/* Responsive */
@media (max-width:1024px){
  .staff-gallery{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
  .staff-gallery{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
  .staff-gallery{grid-template-columns:1fr;}
}