/* About Malito: people, organization, identity and original documents. */
.ma-section-nav { background:#f7fafc; border-bottom:1px solid var(--mp-line); }
.ma-section-nav>.container { display:flex; flex-wrap:wrap; gap:6px 10px; padding-block:12px; }
.ma-section-nav a { display:flex; align-items:center; min-height:44px; padding:8px 14px; border-radius:7px; font-size:.8rem; color:var(--mp-muted); }
.ma-section-nav a:hover,.ma-section-nav a[aria-current] { background:#e4f1f8; color:var(--primary); }
.ma-intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr); gap:50px; align-items:start; padding-bottom:36px; border-bottom:1px solid var(--mp-line); margin-bottom:40px; }
.ma-intro h2 { font-size:1.55rem; font-weight:750; line-height:1.8; margin:0; color:var(--mp-ink); text-wrap:balance; }
.ma-intro p { font-size:.94rem; line-height:2.15; margin:0; color:var(--mp-muted); }
.ma-group-title { display:flex; align-items:baseline; gap:20px; justify-content:space-between; margin-bottom:25px; }
.ma-group-title h2 { font-size:1.2rem; font-weight:700; color:var(--mp-ink); margin:0; }
.ma-group-title p { font-size:.8rem; color:var(--mp-muted); margin:0; line-height:2; max-width:550px; }
.ma-team-section+.ma-team-section { padding-top:55px; }
.ma-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.ma-person { min-width:0; border:1px solid var(--mp-line); border-radius:12px; overflow:hidden; background:#fff; }
.ma-portrait { overflow:hidden; background:#edf3f7; aspect-ratio:1/1; position:relative; }
.ma-portrait::after { content:''; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,var(--secondary),var(--primary)); }
.ma-portrait img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.ma-person-copy { padding:20px 18px; }
.ma-person h3 { font-size:1rem; font-weight:700; color:var(--mp-ink); margin:0 0 6px; line-height:1.8; }
.ma-person p { font-size:.79rem; color:var(--mp-muted); line-height:1.9; margin:0; }
.ma-close { background:#f2f7fa; border-top:1px solid var(--mp-line); padding:48px 0; }
.ma-close>.container { display:flex; align-items:center; justify-content:space-between; gap:35px; }
.ma-close h2 { font-size:1.7rem; font-weight:750; color:var(--mp-ink); line-height:1.7; margin:0 0 10px; }
.ma-close p:not(.mp-kicker) { color:var(--mp-muted); font-size:.88rem; margin:0; line-height:2; }
.ma-close .mp-button { flex-shrink:0; }
.ma-org-root { width:fit-content; max-width:100%; margin:0 auto 40px; padding:22px 50px; text-align:center; background:#0c3551; color:white; border-radius:12px; position:relative; }
.ma-org-root::after { content:''; position:absolute; width:2px; height:40px; top:100%; right:calc(50% - 1px); background:#b8d7e8; }
.ma-org-root>span { display:block; margin-bottom:10px; color:#73d7f1; }
.ma-org-root svg { width:24px; height:24px; }
.ma-org-root h2 { color:white; font-size:1.15rem; font-weight:700; margin:0 0 8px; }
.ma-org-root p { font-size:.8rem; margin:0; color:#bdd8e9; }
.ma-org-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; border-top:2px solid #b8d7e8; padding-top:22px; }
.ma-org-grid article { padding:25px; border:1px solid var(--mp-line); background:#fbfdfe; border-radius:10px; }
.ma-unit-icon { display:grid; place-items:center; width:42px; height:42px; background:#e9f4fa; color:var(--primary); border-radius:10px; margin-bottom:18px; }
.ma-unit-icon svg { width:22px; height:22px; }
.ma-org-grid h3 { font-size:1.05rem; font-weight:700; color:var(--mp-ink); margin-bottom:10px; }
.ma-org-grid p { color:var(--mp-muted); font-size:.83rem; line-height:2; margin:0; }
.ma-org-grid .ma-unit-children { color:var(--primary); font-size:.78rem; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid var(--mp-line); }
.ma-original-chart { margin-top:32px; border:1px solid var(--mp-line); border-radius:10px; padding:0 22px; }
.ma-original-chart summary { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; color:var(--mp-ink); font-weight:600; font-size:.9rem; list-style:none; }
.ma-original-chart summary::-webkit-details-marker { display:none; }
.ma-original-chart summary svg { width:20px; height:20px; }
.ma-original-chart[open] summary svg { transform:rotate(180deg); }
.ma-original-chart figure { margin:0 0 20px; text-align:center; }
.ma-original-chart img { width:100%; height:auto; border-radius:6px; }
.ma-original-chart figcaption { font-size:.78rem; color:var(--mp-muted); margin-top:15px; }
.ma-mission { display:grid; grid-template-columns:1fr 1fr; gap:65px; }
.ma-mission h2 { color:var(--mp-ink); font-size:1.7rem; line-height:1.9; font-weight:750; margin-bottom:20px; text-wrap:balance; }
.ma-mission p:not(.mp-kicker) { color:var(--mp-muted); font-size:.96rem; line-height:2.2; margin:0; }
.ma-mission-second { border-inline-start:1px solid var(--mp-line); padding-inline-start:45px; }
.ma-values-section { background:#f4f8fb; }
.ma-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:35px; }
.ma-values article>span { display:block; color:var(--primary); margin-bottom:20px; }
.ma-values article>span svg { width:30px; height:30px; stroke-width:1.4; }
.ma-values h3 { color:var(--mp-ink); font-size:1rem; font-weight:700; margin-bottom:15px; }
.ma-values p { color:var(--mp-muted); font-size:.85rem; line-height:2.1; margin:0; }
.ma-brand-story { display:grid; grid-template-columns:.8fr 1.3fr; gap:80px; align-items:center; }
.ma-brand-symbol { display:grid; place-items:center; padding:32px; border-radius:18px; background:#f2f9fc; }
.ma-brand-symbol img { width:180px; max-height:230px; object-fit:contain; }
.ma-brand-story h2 { color:var(--mp-ink); font-size:2rem; font-weight:750; margin-bottom:20px; }
.ma-brand-story p:not(.mp-kicker) { color:var(--mp-muted); font-size:.9rem; line-height:2.1; }
.ma-brand-colors { display:flex; flex-wrap:wrap; gap:25px; margin-top:30px; font-size:.8rem; color:var(--mp-ink); }
.ma-brand-colors span { display:flex; align-items:center; gap:8px; }
.ma-brand-colors i { display:block; width:22px; height:22px; border-radius:50%; background:var(--primary); }
.ma-brand-colors span:nth-child(2) i { background:var(--secondary); }
.ma-brand-colors span:nth-child(3) i { background:var(--accent); }
.ma-social-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.ma-social-pillars article>span { color:var(--primary); display:block; margin-bottom:22px; }
.ma-social-pillars article>span svg { width:35px; height:35px; stroke-width:1.4; }
.ma-social-pillars h3 { font-size:1.12rem; color:var(--mp-ink); font-weight:700; margin-bottom:18px; }
.ma-social-pillars p { font-size:.92rem; color:var(--mp-muted); line-height:2.2; margin:0; }
.ma-foundation { background:#f6f9fc; }
.ma-foundation>.container { display:grid; grid-template-columns:1fr 1.3fr; gap:65px; align-items:center; }
.ma-foundation-logos { display:flex; align-items:center; justify-content:center; gap:25px; background:white; border-radius:15px; padding:45px 25px; }
.ma-foundation-logos img { width:110px; max-height:140px; height:auto; object-fit:contain; }
.ma-foundation-logos>span { color:#9d6ab5; }
.ma-foundation-logos svg { width:28px; height:28px; stroke-width:1.4; }
.ma-foundation h2 { color:var(--mp-ink); font-size:1.8rem; font-weight:750; line-height:1.8; margin-bottom:20px; }
.ma-foundation p:not(.mp-kicker) { color:var(--mp-muted); font-size:.9rem; line-height:2.1; }
.ma-credentials-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.ma-credential { overflow:hidden; border:1px solid var(--mp-line); border-radius:12px; background:white; }
.ma-document-thumb { display:block; position:relative; background:#edf2f6; padding:20px; }
.ma-document-thumb img { width:100%; height:230px; object-fit:contain; }
.ma-document-thumb>span { display:flex; align-items:center; justify-content:center; gap:8px; font-size:.77rem; color:var(--primary); padding-top:15px; }
.ma-document-thumb svg { width:17px; height:17px; }
.ma-document-thumb:hover { background:#e4eef5; }
.ma-credential>div { padding:24px; }
.ma-credential h3 { color:var(--mp-ink); font-size:1rem; font-weight:700; line-height:1.9; margin-bottom:10px; }
.ma-credential p:not(.mp-kicker) { color:var(--mp-muted); font-size:.8rem; line-height:2; margin:0; }
.ma-directory { border-top:1px solid var(--mp-line); }
.ma-directory h2 { font-weight:750; font-size:1.9rem; color:var(--mp-ink); margin-bottom:32px; line-height:1.8; }
.ma-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.ma-directory-grid>a { display:flex; align-items:center; gap:18px; padding:22px; border:1px solid var(--mp-line); border-radius:10px; }
.ma-directory-grid>a:hover { background:#f2f8fc; border-color:#b8d7e8; }
.ma-directory-icon { color:var(--primary); }
.ma-directory-icon svg { width:27px; height:27px; stroke-width:1.5; }
.ma-directory-grid>a>span:nth-child(2) { min-width:0; display:grid; gap:6px; }
.ma-directory-grid strong { font-size:1rem; color:var(--mp-ink); font-weight:650; }
.ma-directory-grid span span { font-size:.8rem; color:var(--mp-muted); line-height:1.9; }
.ma-directory-grid>a>svg { flex-shrink:0; margin-inline-start:auto; color:var(--primary); width:20px; height:20px; }
.ma-document-viewer { width:min(1100px,94vw); max-height:92dvh; padding:0; margin:auto; border:0; border-radius:12px; background:white; color:var(--mp-ink); box-shadow:0 30px 90px #061c3866; }
.ma-document-viewer::backdrop { background:#071c37b3; backdrop-filter:blur(4px); }
.ma-viewer-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; border-bottom:1px solid var(--mp-line); }
.ma-viewer-top h2 { font-size:.95rem; font-weight:650; margin:0; line-height:1.9; }
.ma-viewer-top button { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid var(--mp-line); border-radius:8px; background:#f4f7fa; color:var(--mp-ink); }
.ma-viewer-top svg { width:20px; height:20px; }
.ma-viewer-body { padding:18px; overflow:auto; max-height:calc(92dvh - 80px); text-align:center; background:#edf2f6; }
.ma-viewer-body img { display:block; max-width:100%; max-height:calc(92dvh - 116px); width:auto; height:auto; margin:auto; object-fit:contain; }
@media(max-width:991px) {
 .ma-team-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
 .ma-intro { gap:30px; }
 .ma-mission { gap:35px; }.ma-mission-second { padding-inline-start:30px; }
 .ma-values { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; }
 .ma-brand-story { gap:35px; }.ma-foundation>.container { grid-template-columns:1fr 1fr; gap:35px; }
 .ma-foundation-logos { gap:15px; padding:30px 15px; }.ma-foundation-logos img { width:90px; }
 .ma-credentials-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
 .ma-section-nav>.container { gap:5px; padding-block:8px; }.ma-section-nav a { padding:8px 10px; font-size:.74rem; }
 .ma-intro { grid-template-columns:1fr; gap:15px; padding-bottom:25px; margin-bottom:30px; }.ma-intro h2 { font-size:1.3rem; }.ma-intro p { font-size:.88rem; }
 .ma-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.ma-person-copy { padding:16px 12px; }.ma-person h3 { font-size:.88rem; }.ma-person p { font-size:.75rem; }
 .ma-group-title { display:block; }.ma-group-title p { margin-top:10px; font-size:.8rem; }.ma-team-section+.ma-team-section { padding-top:38px; }
 .ma-close { padding-block:35px; }.ma-close>.container { display:block; }.ma-close h2 { font-size:1.4rem; }.ma-close .mp-button { margin-top:24px; }
 .ma-org-root { width:100%; padding:20px; }.ma-org-grid { grid-template-columns:1fr; gap:16px; }.ma-org-grid article { padding:22px; }
 .ma-original-chart { padding-inline:15px; }.ma-original-chart summary { font-size:.8rem; }
 .ma-mission { grid-template-columns:1fr; gap:30px; }.ma-mission-second { padding:30px 0 0; border-inline-start:0; border-top:1px solid var(--mp-line); }.ma-mission h2 { font-size:1.45rem; margin-bottom:15px; }.ma-mission p:not(.mp-kicker) { font-size:.9rem; }
 .ma-values { gap:30px 22px; }.ma-values p { font-size:.8rem; }
 .ma-brand-story { grid-template-columns:1fr; gap:30px; }.ma-brand-symbol { padding:20px; }.ma-brand-symbol img { height:170px; width:auto; }.ma-brand-story h2 { font-size:1.6rem; }
 .ma-social-pillars { grid-template-columns:1fr; gap:32px; }.ma-social-pillars article>span { margin-bottom:14px; }.ma-social-pillars h3 { margin-bottom:10px; }.ma-social-pillars p { font-size:.88rem; }
 .ma-foundation>.container { grid-template-columns:1fr; gap:32px; }.ma-foundation-logos { padding:28px; gap:25px; }.ma-foundation-logos img { width:110px; }.ma-foundation h2 { font-size:1.5rem; }
 .ma-credentials-grid { grid-template-columns:1fr; gap:22px; }.ma-document-thumb img { height:220px; }
 .ma-directory h2 { font-size:1.5rem; }.ma-directory-grid { grid-template-columns:1fr; }.ma-directory-grid>a { padding:18px; }
}
@media(max-width:359px) { .ma-team-grid,.ma-values { grid-template-columns:1fr; }.ma-person-copy { padding:18px; }.ma-foundation-logos { gap:12px; padding:20px 10px; }.ma-foundation-logos img { width:90px; } }