/* ── ABOUT PAGE ── */
.about-story-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:flex-start; }
.about-story-grid p { color:var(--grey-600); font-size:.97rem; }
.story-values { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px; }
.sv-item {
  display:flex; gap:12px; align-items:flex-start;
  padding:16px; background:var(--off-white);
  border-radius:var(--r-sm); border-left:3px solid var(--gold);
}
.sv-icon { font-size:1.2rem; flex-shrink:0; margin-top:2px; }
.sv-item strong { font-family:var(--font-display); font-size:.88rem; color:var(--navy); display:block; margin-bottom:3px; }
.sv-item p { font-size:.8rem; color:var(--grey-600); line-height:1.55; }

.asv-main {
  background:var(--navy);
  border-radius:var(--r-xl); padding:38px; text-align:center;
  margin-bottom:16px;
}
.asv-num { font-family:var(--font-display); font-size:5rem; font-weight:900; color:var(--white); line-height:1; }
.asv-label { font-family:var(--font-display); font-size:1rem; color:rgba(255,255,255,.55); margin-top:8px; }
.asv-divider { width:60px; height:3px; background:var(--gold); border-radius:2px; margin:22px auto; }
.asv-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.asv-mini {
  background:rgba(255,255,255,.07); border-radius:var(--r-sm); padding:14px;
}
.asv-mini strong {
  display:block; font-family:var(--font-display); font-weight:900;
  font-size:1.4rem; color:var(--gold); line-height:1;
}
.asv-mini span { font-family:var(--font-display); font-size:.68rem; font-weight:600; color:rgba(255,255,255,.45); letter-spacing:.06em; }

.asv-quote-box {
  background:var(--off-white); border-left:4px solid var(--gold);
  border-radius:0 var(--r-md) var(--r-md) 0; padding:20px 22px;
}
.asv-quote-box p { font-style:italic; color:var(--grey-800); font-size:.92rem; line-height:1.7; margin-bottom:8px; }
.asv-quote-box cite { font-family:var(--font-display); font-size:.75rem; font-weight:700; color:var(--gold-dark); font-style:normal; }

/* PROGRAMS OVERVIEW */
.prog-overview-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:50px; }
.po-card {
  background:var(--white); border-radius:var(--r-md); padding:28px 24px;
  text-align:center; box-shadow:var(--shadow-sm);
  transition:var(--ease); border-bottom:4px solid var(--grey-200);
}
.po-card:hover { box-shadow:var(--shadow-md); transform:translateY(-5px); border-bottom-color:var(--gold); }
.po-icon {
  width:56px; height:56px; border-radius:var(--r-sm);
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; margin:0 auto 14px;
}
.po-card h3 { font-size:1.1rem; margin-bottom:8px; }
.po-card p  { font-size:.82rem; color:var(--grey-600); line-height:1.6; }

/* LEADERSHIP */
.leadership-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr 1fr; gap:20px; margin-top:50px; }
.lead-card {
  background:var(--white); border-radius:var(--r-md); padding:28px;
  box-shadow:var(--shadow-sm); transition:var(--ease);
  border-bottom:3px solid var(--grey-200); text-align:center;
}
.lead-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); border-bottom-color:var(--gold); }
.lead-featured { background:var(--navy); }
.lead-featured h3, .lead-featured p { color:var(--white) !important; }
.lead-featured .lead-title { color:var(--gold) !important; }
.lead-featured .lead-edu span { color:rgba(255,255,255,.5) !important; border-color:rgba(255,255,255,.15) !important; }
.lead-av {
  width:80px; height:80px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:800; font-size:1.3rem;
  color:var(--white); margin:0 auto 16px; border:3px solid var(--gold);
}
.lead-card h3 { font-size:1.05rem; margin-bottom:4px; }
.lead-title {
  font-family:var(--font-display); font-size:.7rem; font-weight:800;
  letter-spacing:.1em; text-transform:uppercase; color:var(--red);
  display:block; margin-bottom:12px;
}
.lead-card p { font-size:.82rem; color:var(--grey-600); line-height:1.65; margin-bottom:14px; }
.lead-edu { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.lead-edu span {
  font-family:var(--font-display); font-size:.68rem; font-weight:600;
  color:var(--grey-600); border:1px solid var(--grey-200);
  padding:4px 10px; border-radius:var(--r-full);
}

/* INFRASTRUCTURE */
.infra-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:50px; }
.infra-card {
  background:var(--white); border-radius:var(--r-md); padding:26px;
  box-shadow:var(--shadow-sm); transition:var(--ease);
}
.infra-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); }
.infra-icon { font-size:1.8rem; margin-bottom:12px; display:block; }
.infra-card h4 { font-size:.92rem; margin-bottom:7px; }
.infra-card p  { font-size:.82rem; color:var(--grey-600); line-height:1.65; }

/* ACCREDITATION */
.accred-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:50px; }
.accred-card {
  background:var(--white); border-radius:var(--r-md); padding:28px 24px;
  text-align:center; box-shadow:var(--shadow-sm); transition:var(--ease);
}
.accred-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); }
.accred-badge-big {
  width:70px; height:70px; border-radius:50%;
  background:var(--navy); display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:900; font-size:.85rem;
  color:var(--white); margin:0 auto 16px; border:3px solid var(--gold);
}
.accred-card h4 { font-size:.9rem; margin-bottom:8px; }
.accred-card p  { font-size:.8rem; color:var(--grey-600); line-height:1.65; }

@media (max-width:1100px) {
  .about-story-grid  { grid-template-columns:1fr; }
  .prog-overview-grid { grid-template-columns:1fr 1fr; }
  .leadership-grid   { grid-template-columns:1fr 1fr; }
  .accred-grid       { grid-template-columns:1fr 1fr; }
}
@media (max-width:768px) {
  .story-values      { grid-template-columns:1fr; }
  .infra-grid        { grid-template-columns:1fr 1fr; }
}
@media (max-width:520px) {
  .prog-overview-grid { grid-template-columns:1fr; }
  .leadership-grid   { grid-template-columns:1fr; }
  .infra-grid        { grid-template-columns:1fr; }
  .accred-grid       { grid-template-columns:1fr 1fr; }
}