@charset "utf-8";
/* About Us: the "what we do" panel, the network member card, award headers. */

.af-about-aims h3 { font: 700 1.9rem/1 var(--af-display); text-transform: uppercase; color: var(--af-white); margin-bottom: 20px; }
.af-about-aims__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 20px; }
.af-about-aims__list li { display: flex; gap: 16px; align-items: flex-start; color: var(--af-on-dark); }
.af-about-aims__list strong { color: var(--af-white); }
.af-about-aims .af-badge { margin: 0; background: rgba(0, 176, 240, .18); color: var(--af-cyan); }
.af-about-aims .af-badge--magenta { background: rgba(255, 90, 172, .16); color: var(--af-magenta-on-dark); }
.af-about-aims .af-badge--lime { background: rgba(205, 220, 41, .18); color: var(--af-lime); }

.af-member {
    display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); align-items: center;
    max-width: 920px; padding: clamp(24px, 4vw, 40px); background: var(--af-white);
    border-radius: var(--af-radius); box-shadow: var(--af-shadow-sm); border-left: 6px solid var(--af-cyan);
}
.af-member__logo img { width: 100%; max-width: 320px; }
.af-member__body h3 { font: 700 2rem/1 var(--af-display); text-transform: uppercase; color: var(--af-navy); }
.af-member__region { display: flex; align-items: center; gap: 8px; color: var(--af-cyan-ink); font-weight: 600; }
.af-member__details { margin: 16px 0 0; display: grid; gap: 8px; }
.af-member__details div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; }
.af-member__details dt { font-weight: 700; color: var(--af-navy); }
.af-member__details dd { margin: 0; word-break: break-word; }
@media (max-width: 760px) { .af-member { grid-template-columns: minmax(0, 1fr); } .af-member__logo img { max-width: 240px; } }

.af-awards { margin-top: clamp(32px, 5vw, 56px); }
.af-award-head { display: flex; align-items: center; gap: 18px; margin-bottom: 16px; }
.af-award-head img { width: 64px; height: auto; flex: none; }
.af-award-head h3 { margin: 0; font: 700 1.9rem/1 var(--af-display); text-transform: uppercase; color: var(--af-navy); }