/* ── About: co-founders (photos tinted plum, full colour on hover/focus) ── */
.about-directors { gap: var(--grid-gap); align-items: stretch; }
.about-director { display: grid; grid-template-columns: minmax(0, 180px) minmax(0, 1fr); gap: var(--s-5); align-items: start; }
.about-director__photo { position: relative; margin: 0; aspect-ratio: 1 / 1; max-width: 100%; overflow: hidden; border-radius: var(--r-lg); background: var(--ej-deep); }
.about-director__photo img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05) brightness(1.08); transform: scale(1.01); transition: filter .5s var(--ease), transform .6s var(--ease); }
.about-director__photo::after { content: ""; position: absolute; inset: 0; background: var(--ej-plum); mix-blend-mode: color; opacity: .92; pointer-events: none; transition: opacity .5s var(--ease); }
.about-director__photo::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--ej-light); opacity: .18; pointer-events: none; transition: opacity .5s var(--ease); }
.about-director:hover .about-director__photo img, .about-director:focus-within .about-director__photo img { filter: none; transform: scale(1.04); }
.about-director:hover .about-director__photo::after, .about-director:focus-within .about-director__photo::after,
.about-director:hover .about-director__photo::before, .about-director:focus-within .about-director__photo::before { opacity: 0; }
.about-director__role { margin: var(--s-1) 0 var(--s-3); color: var(--ej-plum); font-size: var(--fs-sm); font-weight: 600; }
.about-director .card__text { margin-bottom: var(--s-4); }
@media (max-width: 640px) { .about-director { grid-template-columns: 1fr; } .about-director__photo { max-width: 240px; } }
@media (prefers-reduced-motion: reduce) { .about-director__photo img, .about-director__photo::after, .about-director__photo::before { transition: none; } .about-director:hover .about-director__photo img { transform: none; } }

/* ── About: predictive growth advisory panel ── */
.about-advisory { margin-top: var(--grid-gap); padding: clamp(1.75rem, 1.2rem + 2vw, 3rem); }
.about-advisory__title { max-width: 26ch; margin: var(--s-2) 0 var(--s-4); font-size: var(--fs-h3); line-height: var(--lh-snug); }
.about-advisory p { max-width: 68ch; }
.about-advisory .btn-row { margin-top: var(--s-5); }