/* PMI About Us — about.css | min font 14px */
*, *::before, *::after { box-sizing: border-box; }
.elementor-widget-pmiabout_mission .elementor-widget-container,
.elementor-widget-pmiabout_board .elementor-widget-container,
.elementor-widget-pmiabout_president .elementor-widget-container,
.elementor-widget-pmiabout_milestones .elementor-widget-container,
.elementor-widget-pmiabout_partners .elementor-widget-container { padding:0 !important; margin:0 !important; }

/* ── MISSION/VISION ──────────────────────────────────────────────── */
.pmiabout-mission { background:#f8fafc; padding:72px 0 80px; }
.pmiabout-mission__inner { max-width:1100px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.pmiabout-mission__card {
    background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:32px 24px;
    transition:box-shadow 0.22s ease, transform 0.22s ease;
}
.pmiabout-mission__card:hover { box-shadow:0 8px 28px rgba(15,45,88,0.09); transform:translateY(-2px); }
.pmiabout-mission__icon-wrap {
    width:52px; height:52px; border-radius:50%; background:rgba(249,115,22,0.10);
    display:flex; align-items:center; justify-content:center; margin-bottom:18px;
}
.pmiabout-mission__icon-wrap svg { width:26px; height:26px; }
.pmiabout-mission__label { font-family:'DM Sans',sans-serif; font-size:18px; font-weight:800; color:#0f2d58; margin:0 0 12px; }
.pmiabout-mission__text  { font-family:'DM Sans',sans-serif; font-size:15px; color:#374151; line-height:1.7; margin:0; }

/* ── BOARD ──────────────────────────────────────────────────────── */
.pmiabout-board { background:#fff; padding:80px 0 88px; }
.pmiabout-board__inner { max-width:1200px; margin:0 auto; padding:0 24px; }
.pmiabout-board__header { text-align:center; margin-bottom:52px; }
.pmiabout-board__label   { font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#f97316; display:block; margin-bottom:10px; }
.pmiabout-board__heading { font-family:'DM Sans',sans-serif; font-size:34px; font-weight:800; color:#111827; margin:0 0 14px; letter-spacing:-0.02em; }
.pmiabout-board__sub     { font-family:'DM Sans',sans-serif; font-size:16px; color:#6b7280; line-height:1.6; max-width:560px; margin:0 auto; }

/* Board grid — 3 columns, cards with photo */
.pmiabout-board__grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:28px;
}
.pmiabout-member {
    background:#fff; border:1px solid #e5e7eb; border-radius:12px;
    overflow:hidden; transition:box-shadow 0.22s ease, transform 0.22s ease;
}
.pmiabout-member:hover { box-shadow:0 10px 36px rgba(15,45,88,0.11); transform:translateY(-3px); }

.pmiabout-member__photo-wrap { height:240px; overflow:hidden; background:#e5e7eb; }
.pmiabout-member__photo {
    width:100%; height:100%; object-fit:cover; object-position:top center;
    display:block; transition:transform 0.4s ease;
    filter:grayscale(20%);
}
.pmiabout-member:hover .pmiabout-member__photo { transform:scale(1.04); filter:grayscale(0%); }
.pmiabout-member__photo-placeholder {
    width:100%; height:100%; background:linear-gradient(160deg,#e5e7eb,#d1d5db);
    display:flex; align-items:center; justify-content:center;
}
.pmiabout-member__photo-placeholder svg { width:64px; height:72px; opacity:0.4; }

.pmiabout-member__info { padding:20px 22px 22px; }
.pmiabout-member__name-row { display:flex; align-items:center; gap:8px; margin-bottom:5px; flex-wrap:wrap; }
.pmiabout-member__name  { font-family:'DM Sans',sans-serif; font-size:17px; font-weight:700; color:#111827; }
.pmiabout-member__creds {
    font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700;
    color:#0f2d58; background:#eef2ff; border-radius:4px; padding:2px 7px; white-space:nowrap;
}
.pmiabout-member__role  { font-family:'DM Sans',sans-serif; font-size:13px; font-weight:600; color:#f97316; text-transform:uppercase; letter-spacing:0.06em; margin:0 0 10px; }
.pmiabout-member__bio   { font-family:'DM Sans',sans-serif; font-size:14px; color:#6b7280; line-height:1.6; margin:0 0 12px; }
.pmiabout-member__linkedin {
    display:inline-flex; align-items:center; color:#1a8fe8;
    transition:color 0.18s; padding:0;
}
.pmiabout-member__linkedin:hover { color:#0f2d58; }
.pmiabout-member__linkedin svg { width:18px; height:18px; }

/* Past Board */
.pmiabout-past { margin-top:60px; padding-top:48px; border-top:2px solid #f0f2f5; }
.pmiabout-past__heading { font-family:'DM Sans',sans-serif; font-size:22px; font-weight:800; color:#111827; margin:0 0 28px; }
.pmiabout-past__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.pmiabout-past__item { background:#f8fafc; border-radius:8px; padding:16px 18px; }
.pmiabout-past__name { font-family:'DM Sans',sans-serif; font-size:15px; font-weight:700; color:#111827; margin:0 0 4px; }
.pmiabout-past__role { font-family:'DM Sans',sans-serif; font-size:13px; color:#6b7280; margin:0; text-transform:uppercase; letter-spacing:0.05em; font-weight:600; }

/* ── PRESIDENT ──────────────────────────────────────────────────── */
.pmiabout-president { background:#f8fafc; padding:80px 0; }
.pmiabout-president__inner { max-width:1100px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:300px 1fr; gap:56px; align-items:start; }
.pmiabout-president__photo { width:100%; border-radius:10px; object-fit:cover; aspect-ratio:3/4; display:block; }
.pmiabout-president__photo-placeholder { width:100%; aspect-ratio:3/4; background:#d1d5db; border-radius:10px; }
.pmiabout-president__name  { font-family:'DM Sans',sans-serif; font-size:17px; font-weight:700; color:#111827; margin:14px 0 4px; text-align:center; }
.pmiabout-president__title { font-family:'DM Sans',sans-serif; font-size:13px; color:#f97316; font-weight:600; text-transform:uppercase; letter-spacing:0.06em; margin:0; text-align:center; }
.pmiabout-president__label  { font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#f97316; display:block; margin-bottom:10px; }
.pmiabout-president__heading { font-family:'DM Sans',sans-serif; font-size:28px; font-weight:800; color:#111827; margin:0 0 20px; letter-spacing:-0.01em; }
.pmiabout-president__message { font-family:'DM Sans',sans-serif; font-size:15px; color:#374151; line-height:1.75; }
.pmiabout-president__message p { margin:0 0 16px; }
.pmiabout-president__message p:last-child { margin:0; }

/* ── MILESTONES TIMELINE ────────────────────────────────────────── */
.pmiabout-milestones { background:#0f2d58; padding:80px 0 88px; }
.pmiabout-milestones__inner  { max-width:900px; margin:0 auto; padding:0 24px; }
.pmiabout-milestones__header { text-align:center; margin-bottom:56px; }
.pmiabout-milestones__heading { font-family:'DM Sans',sans-serif; font-size:32px; font-weight:800; color:#fff; margin:0 0 14px; letter-spacing:-0.02em; }
.pmiabout-milestones__sub     { font-family:'DM Sans',sans-serif; font-size:16px; color:rgba(255,255,255,0.72); line-height:1.65; margin:0; }

/* Timeline: alternating left/right with centre line */
.pmiabout-milestones__timeline { position:relative; display:flex; flex-direction:column; gap:0; }
.pmiabout-milestones__line {
    position:absolute; left:50%; top:0; bottom:0; width:2px;
    background:rgba(255,255,255,0.20); transform:translateX(-50%);
    pointer-events:none;
}
.pmiabout-milestone { display:flex; justify-content:flex-end; padding:0 calc(50% + 28px) 40px 0; position:relative; }
.pmiabout-milestone--right { justify-content:flex-start; padding:0 0 40px calc(50% + 28px); }
.pmiabout-milestone__dot {
    position:absolute; left:50%; top:20px; width:14px; height:14px;
    background:#f97316; border-radius:50%; transform:translateX(-50%);
    border:3px solid #0f2d58; box-shadow:0 0 0 3px rgba(249,115,22,0.35);
    flex-shrink:0;
}
.pmiabout-milestone__card {
    background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15);
    border-radius:10px; padding:22px 24px; max-width:340px; width:100%;
    transition:background 0.22s ease;
}
.pmiabout-milestone__card:hover { background:rgba(255,255,255,0.14); }
.pmiabout-milestone__year  { font-family:'DM Sans',sans-serif; font-size:14px; font-weight:700; color:#f97316; display:block; margin-bottom:7px; }
.pmiabout-milestone__title { font-family:'DM Sans',sans-serif; font-size:16px; font-weight:700; color:#fff; margin:0 0 10px; }
.pmiabout-milestone__desc  { font-family:'DM Sans',sans-serif; font-size:14px; color:rgba(255,255,255,0.70); line-height:1.65; margin:0; }

/* ── PARTNERS ───────────────────────────────────────────────────── */
.pmiabout-partners { background:#fff; padding:72px 0 80px; }
.pmiabout-partners__inner  { max-width:1100px; margin:0 auto; padding:0 24px; }
.pmiabout-partners__header { text-align:center; margin-bottom:48px; }
.pmiabout-partners__heading { font-family:'DM Sans',sans-serif; font-size:30px; font-weight:800; color:#111827; margin:0 0 14px; letter-spacing:-0.02em; }
.pmiabout-partners__sub     { font-family:'DM Sans',sans-serif; font-size:16px; color:#6b7280; line-height:1.65; max-width:620px; margin:0 auto; }

/* Partner logos grid */
.pmiabout-partners__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:40px; }
.pmiabout-partner-card {
    display:flex; align-items:center; justify-content:center;
    background:#f8fafc; border:1px solid #e5e7eb; border-radius:10px;
    padding:24px 20px; min-height:100px; text-decoration:none;
    transition:box-shadow 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}
.pmiabout-partner-card:hover { box-shadow:0 6px 24px rgba(15,45,88,0.10); border-color:#d0d9e8; transform:translateY(-2px); }
.pmiabout-partner-card__logo { max-width:140px; max-height:60px; width:auto; height:auto; object-fit:contain; filter:grayscale(60%); transition:filter 0.22s; }
.pmiabout-partner-card:hover .pmiabout-partner-card__logo { filter:grayscale(0%); }
.pmiabout-partner-card__name { font-family:'DM Sans',sans-serif; font-size:15px; font-weight:700; color:#374151; text-align:center; }

.pmiabout-partners__cta { text-align:center; }
.pmiabout-partners__btn {
    display:inline-flex; align-items:center; padding:13px 32px;
    background:#f97316; border-radius:6px; color:#fff;
    font-family:'DM Sans',sans-serif; font-size:16px; font-weight:700;
    text-decoration:none; transition:background 0.18s, transform 0.15s;
}
.pmiabout-partners__btn:hover { background:#ea6c0a; transform:translateY(-2px); }

/* ── RESPONSIVE ─────────────────────────────────────────────────── */
@media (max-width:1024px) {
    .pmiabout-board__grid { grid-template-columns:repeat(2,1fr); }
    .pmiabout-past__grid  { grid-template-columns:repeat(2,1fr); }
    .pmiabout-partners__grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px) {
    .pmiabout-mission__inner { grid-template-columns:1fr; }
    .pmiabout-president__inner { grid-template-columns:1fr; }
    .pmiabout-milestone  { justify-content:flex-start; padding:0 0 36px 36px; }
    .pmiabout-milestone--right { justify-content:flex-start; padding:0 0 36px 36px; }
    .pmiabout-milestone__dot  { left:0; transform:none; }
    .pmiabout-milestones__line { left:7px; transform:none; }
}
@media (max-width:640px) {
    .pmiabout-board__grid { grid-template-columns:1fr; }
    .pmiabout-past__grid  { grid-template-columns:1fr; }
    .pmiabout-partners__grid { grid-template-columns:repeat(2,1fr); }
    .pmiabout-milestone__card { max-width:100%; }
}
@media (max-width:420px) {
    .pmiabout-partners__grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { *, *::before, *::after { transition:none !important; } }