/* ==============================================================
# Our Team page additions (Hussein section + team grid)
# Uses global theme variables from Reveal (accent, heading, etc.)
============================================================== */

.page-title .heading {
  padding: 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  background: linear-gradient(180deg, #0d6efd0f, #00000005);
}

/* Hussein profile card */
.profile-card { border-radius: 1rem; }

.portrait-wrap {
  aspect-ratio: 1 / 1;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #e9ecef;
  background: #f3f5f8;
}
.portrait-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chip {
  border-radius: 999px;
  background: #f2f5ff;
  color: #0d47a1;
  padding: .35rem .75rem;
  font-weight: 600;
  font-size: .85rem;
}

.list-compact li { margin-bottom: .35rem; }

.ratio iframe { border: 0; }

/* Team grid cards */
.team-section .card {
  border-radius: 1rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.team-section .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.08);
}

/* Square, responsive images */
.team-section figure img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}