/* ═══════════════════════════════════════
   HOME — Section-specific overrides
═══════════════════════════════════════ */
.section-mission { background: var(--white); }
.section-about-teaser { background: var(--cream); }
.section-activities-preview { background: var(--white); }
.section-awards-teaser {
  background: var(--green-dark);
  color: #fff;
  text-align: center;
  padding: var(--space-8) 0;
}
.section-awards-teaser h2 { color: #fff; }
.section-awards-teaser p  { color: rgba(255,255,255,.75); max-width: 540px; margin: 0 auto var(--space-4); }
.awards-badge-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
.awards-badge-chip {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(242,183,5,.4);
  color: var(--gold);
  padding: .4rem 1rem;
  border-radius: var(--radius-pill);
  font-size: .82rem;
  font-weight: 600;
}

/* ═══════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════ */
.founder-story {
  background: var(--white);
}
.founder-pull-quote {
  border-left: 4px solid var(--saffron);
  padding: var(--space-2) var(--space-3);
  background: var(--cream);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-family: var(--font-accent);
  font-style: italic;
  font-size: 1.1rem;
  color: var(--ink);
  margin: var(--space-4) 0;
}

/* ═══════════════════════════════════════
   ACTIVITIES PAGE
═══════════════════════════════════════ */
.activities-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

/* ═══════════════════════════════════════
   AWARDS PAGE
═══════════════════════════════════════ */
.awards-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-4);
  padding-top: var(--space-2);
}

/* ═══════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════ */
.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: var(--space-6);
  align-items: start;
}
@media (max-width: 820px) {
  .contact-layout { grid-template-columns: 1fr; }
}