.education-section,
.leadership-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 32px 120px;
}

.education-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.education-card,
.leadership-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 32px;
}

.education-card.featured-education {
  background: var(--green);
  color: #fff;
  grid-row: span 2;
}

.education-meta,
.leadership-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  color: #74817c;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.featured-education .education-meta { color: #b9cbc4; }

.education-card h3,
.leadership-grid h3 {
  font: 700 25px Manrope;
  margin: 24px 0 4px;
}

.education-degree {
  color: #3f6255;
  font-weight: 700;
  margin: 0;
}

.featured-education .education-degree { color: var(--accent); }

.education-school,
.leadership-org {
  color: #68746f;
  font-size: 14px;
  margin: 3px 0 20px;
}

.featured-education .education-school,
.featured-education > p:not(.education-degree) { color: #c8d3cf; }
.featured-education .tags span { background: transparent; border-color: #527267; }
.education-proof { display: inline-flex; margin-top: 24px; color: var(--accent); font-size: 13px; font-weight: 700; border-bottom: 1px solid #66877a; padding-bottom: 4px; }
.education-proof span { margin-left: 7px; }

.achievement-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px 120px;
}

.achievement-heading { max-width: 760px; margin-bottom: 44px; }
.achievement-heading h2 { font: 800 48px/1.08 Manrope; letter-spacing: -.045em; margin: 12px 0 18px; }
.achievement-heading > p:last-child { color: var(--muted); font-size: 18px; }
.achievement-grid { display: grid; gap: 22px; }
.achievement-card { display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.achievement-card.reverse .achievement-gallery { order: 2; }
.achievement-gallery { display: grid; grid-template-columns: 1fr 1fr; min-height: 360px; background: #dfe5e1; }
.achievement-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sports-gallery img:first-child { object-position: center 30%; }
.workshop-gallery { grid-template-columns: 1fr; grid-template-rows: 1.1fr .9fr; }
.achievement-copy { padding: 38px; align-self: center; }
.achievement-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #6f7c77; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.achievement-copy h3 { font: 700 27px/1.2 Manrope; margin: 18px 0 14px; }
.achievement-copy > p { color: #5f6b66; }

.leadership-section {
  max-width: none;
  background: #e8efe8;
  padding-top: 110px;
}

.leadership-section > * { max-width: 1136px; margin-left: auto; margin-right: auto; }
.leadership-heading { margin-bottom: 42px; }
.leadership-heading h2 { font: 800 52px/1.08 Manrope; letter-spacing: -.045em; margin: 12px 0 18px; }
.leadership-heading > p:last-child { color: var(--muted); font-size: 18px; max-width: 650px; }
.leadership-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.leadership-grid article { background: rgba(255,255,255,.78); }
.leadership-grid .redcross-card { grid-column: 1 / -1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; }
.redcross-story > p:not(.leadership-org) { color: #5f6b66; }
.redcross-gallery { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 250px 220px; gap: 8px; align-self: stretch; }
.redcross-gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; display: block; }
.redcross-gallery img:first-child { grid-column: 1 / -1; }
.redcross-gallery img:nth-child(2) { object-position: center 35%; }
.leadership-grid .ecell-card { grid-column: 1 / -1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; }
.ecell-story > p:not(.leadership-org) { color: #5f6b66; }
.ecell-gallery { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 210px); gap: 8px; align-self: stretch; }
.ecell-gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; display: block; }
.ecell-gallery img:last-child { object-position: center top; }

@media (max-width: 800px) {
  .education-section,
  .leadership-section { padding: 80px 22px; }
  .education-grid,
  .leadership-grid { grid-template-columns: 1fr; }
  .leadership-grid .redcross-card { grid-column: auto; grid-template-columns: 1fr; }
  .redcross-gallery { grid-template-rows: 220px 190px; }
  .leadership-grid .ecell-card { grid-column: auto; grid-template-columns: 1fr; }
  .ecell-gallery { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 190px); }
  .education-card.featured-education { grid-row: auto; }
  .leadership-heading h2 { font-size: 40px; }
  .achievement-section { padding: 0 22px 80px; }
  .achievement-heading h2 { font-size: 40px; }
  .achievement-card { grid-template-columns: 1fr; }
  .achievement-card.reverse .achievement-gallery { order: 0; }
  .achievement-gallery { min-height: 300px; }
  .achievement-copy { padding: 28px; }
}

@media (max-width: 480px) {
  .redcross-gallery { grid-template-columns: 1fr; grid-template-rows: repeat(3, 210px); }
  .redcross-gallery img:first-child { grid-column: auto; }
  .ecell-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 155px); }
}