/* Mission page: only what app.css and get-involved.css do not already provide. */
.gi .intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 200px); gap: 0 24px; align-items: start; margin: 0 0 16px; }
.gi .intro .lede { margin-bottom: 0; }
.gi .taste { margin: 0; }
.gi .taste img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 12px; }
@media (max-width: 600px) { .gi .intro { grid-template-columns: 1fr; gap: 16px 0; } .gi .taste { max-width: 320px; } }