.volunteer-gallery {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 1rem;
  margin-top: 2.5rem;
}

.volunteer-gallery figure {
  height: 100%;
}

.volunteer-gallery img {
  height: 100%;
  min-height: 360px;
  object-fit: cover;
}

.volunteer-item-heading {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.volunteer-cards {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
  align-items: start;
  gap: 1.25rem;
  margin-top: clamp(3rem, 6vw, 4.5rem);
}

.volunteer-card {
  padding: clamp(1.25rem, 3vw, 2rem);
}

.volunteer-card p {
  color: var(--muted-ink);
}

.volunteer-quote {
  margin: 1.5rem 0;
  padding: 1rem 0 1rem 1.25rem;
  border-left: 4px solid var(--terracotta);
}

.volunteer-quote p {
  color: var(--ink);
  font-family: "Fraunces", Georgia, serif;
  font-size: 1.15rem;
  font-style: italic;
  line-height: 1.5;
}

.volunteer-quote footer {
  margin-top: 0.6rem;
  color: var(--forest);
  font-size: 0.9rem;
  font-weight: 800;
}

.namesake-callout {
  justify-self: center;
  width: min(100%, 300px);
  padding: 1.25rem;
  background: #cda5ef;
}

.namesake-callout .namesake-glyph {
  width: min(100%, 150px);
  margin: 0 auto 0.75rem;
}

.namesake-callout .namesake-wordmark {
  width: min(100%, 190px);
  margin: 0 auto 1.25rem;
}

.namesake-callout .eyebrow {
  color: var(--forest-dark);
}

@media (max-width: 768px) {
  .volunteer-gallery,
  .volunteer-cards {
    grid-template-columns: 1fr;
  }
}