/* =========================================================
   ASBM University — About / Leadership & Governance
   ========================================================= */

/* Initials tile and person cards (.ld-initials, .ld-person, .ld-photo) live in style.css */

/* ---------- Founder ---------- */
.ld-founder-photo { border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4 / 5; box-shadow: var(--shadow); background: var(--soft); }
.ld-founder-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.ld-founder-photo:hover img { transform: scale(1.04); }
.ld-founder-quote { font-family: var(--font-serif); font-size: clamp(1.1rem, 1.8vw, 1.3rem); line-height: 1.5; color: var(--navy-900); margin: 0 0 16px; }
.ld-founder-bio { font-size: .88rem; color: var(--muted); margin-bottom: 22px; }

.ld-dean-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }

/* ---------- Governance ---------- */
.ld-gov { padding: 84px 0; color: #fff; background: radial-gradient(circle at 0% 100%, rgba(245, 179, 36, .1), transparent 40%), var(--navy-900); border-bottom: 1px solid rgba(255, 255, 255, .08); }
.ld-gov-text { color: rgba(255, 255, 255, .7); max-width: 380px; }
.ld-gov-list { border-top: 1px solid rgba(255, 255, 255, .12); }
.ld-gov-item {
    display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .12); color: #fff; transition: padding .3s var(--ease), background .3s;
}
.ld-gov-item strong { display: block; font-size: .95rem; }
.ld-gov-item small { color: rgba(255, 255, 255, .55); font-size: .76rem; }
.ld-gov-item i { color: var(--gold); transition: transform .3s var(--ease); }
.ld-gov-item:hover { color: #fff; padding-left: 16px; background: rgba(255, 255, 255, .04); }
.ld-gov-item:hover i { transform: translateX(4px); }

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 991.98px) {
    .ld-dean-grid { grid-template-columns: repeat(3, 1fr); }
    .ld-gov { padding: 64px 0; }
}
@media (max-width: 575.98px) {
    .ld-dean-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .ld-founder-photo { max-width: 320px; margin: 0 auto; }
    .ld-person figcaption strong { font-size: .92rem; }
}