/* about.html */
.ab-founder-card { text-align: center; }
.ab-founder-card .card__media img { aspect-ratio: 1 / 1; object-fit: contain; }
.ab-founder-card .badge { margin-bottom: var(--sp-2); }
.ab-mega-h3-mt { margin-top: 1rem; }
.ab-mt-15 { margin-top: 1.5rem; }
.ab-footer-btn-mt { margin-top: 1rem; }
.ab-footer-bar { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; width: 100%; }

/* ===================== Mission & Vision ===================== */
.ab-mv { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
@media (max-width: 760px) { .ab-mv { grid-template-columns: 1fr; } }
.ab-mv__card { position: relative; overflow: hidden; background: var(--c-bg-0);
  border: 1px solid var(--c-line); border-radius: var(--r-lg);
  padding: clamp(1.75rem, 3vw, 2.5rem); box-shadow: var(--shadow-sm); }
.ab-mv__card::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 4px;
  background: linear-gradient(180deg, var(--c-accent-500), var(--c-accent-600)); }
.ab-mv__watermark { position: absolute; right: -22px; bottom: -22px; opacity: .07; pointer-events: none; }
.ab-mv__watermark img { width: 130px; height: 130px; }
.ab-mv__head { display: flex; align-items: center; gap: var(--sp-3); margin-bottom: var(--sp-4); }
.ab-mv__icon { flex: none; width: 52px; height: 52px; border-radius: var(--r-md); display: grid; place-items: center;
  background: rgba(27,39,199,.10); }
.ab-mv__icon img { width: 26px; height: 26px; }
.ab-mv__head h3 { font-family: var(--font-head); font-size: var(--fs-h4); }
.ab-mv__card p { position: relative; color: var(--c-ink-700); }

/* ===================== Our Journey timeline ===================== */
.ab-timeline { list-style: none; padding: 0; margin: var(--sp-8) auto 0; max-width: 1040px; position: relative; }
.ab-timeline::before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 50%; transform: translateX(-50%);
  width: 2px; background: linear-gradient(180deg, var(--c-accent-400), var(--c-line)); }
.ab-timeline__item { position: relative; width: 50%; padding: 0 var(--sp-7); margin-bottom: var(--sp-6); box-sizing: border-box; }
.ab-timeline__item:nth-child(odd) { left: 0; text-align: right; }
.ab-timeline__item:nth-child(even) { left: 50%; }
.ab-timeline__dot { position: absolute; top: 8px; width: 16px; height: 16px; border-radius: 50%; z-index: 1;
  background: var(--c-accent-500); box-shadow: 0 0 0 5px var(--c-bg-0), 0 0 0 6px var(--c-line); }
.ab-timeline__item:nth-child(odd) .ab-timeline__dot { right: -8px; }
.ab-timeline__item:nth-child(even) .ab-timeline__dot { left: -8px; }
.ab-timeline__card { background: var(--c-bg-0); border: 1px solid var(--c-line); border-radius: var(--r-lg);
  padding: var(--sp-5); box-shadow: var(--shadow-sm);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease); }
.ab-timeline__card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--c-accent-400); }
.ab-timeline__year { display: inline-block; font-family: var(--font-head); font-weight: 600;
  font-size: var(--fs-lg); color: var(--c-accent-600); }
.ab-timeline__title { font-family: var(--font-head); font-size: var(--fs-h4); margin: .25rem 0 .5rem; }
.ab-timeline__card p { color: var(--c-ink-700); }
@media (max-width: 760px) {
  .ab-timeline::before { left: 7px; transform: none; }
  .ab-timeline__item { width: 100%; left: 0; text-align: left; padding: 0 0 0 calc(var(--sp-7) + 4px); margin-bottom: var(--sp-5); }
  .ab-timeline__item:nth-child(even) { left: 0; }
  .ab-timeline__dot { left: 0; right: auto; }
  .ab-timeline__item:nth-child(odd) .ab-timeline__dot { left: 0; right: auto; }
}