/* About and Our Team. */
.mvg__card p:not(.eyebrow) { font-family: var(--font-slab); font-size: 19px; line-height: 1.55; }

.quote__split { grid-template-columns: .8fr 1.2fr; }
.quote__logo { width: 100%; max-width: 420px; margin: 0 auto; }
.quote__text { margin: 0; padding-left: clamp(20px, 3vw, 36px); border-left: 4px solid var(--cyan-dark); color: var(--navy); }
.quote__text p { margin: 0 0 1em; font-size: 17px; line-height: 1.7; }
.quote__text p:last-child { margin: 0; }
.quote__text .quote__lead { font-family: var(--font-slab); font-size: clamp(22px, 2.3vw, 30px); line-height: 1.35; }
.quote__video { max-width: 960px; margin: clamp(48px, 7vw, 80px) auto 0; }

.copy .story__year { margin: 0 0 8px; font-family: var(--font-slab); font-size: clamp(34px, 4vw, 48px); font-weight: 700; line-height: 1; color: var(--cyan-dark); }
.story__lead { font-family: var(--font-slab); font-size: clamp(20px, 2vw, 24px); line-height: 1.45; }
.story__flip > :first-child { order: 2; }

.team__collage { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; border-radius: calc(var(--radius) * 1.5); box-shadow: var(--shadow); }

/* Board: an accordion of cards, first one open. */
.advacc { display: grid; gap: 14px; max-width: 980px; margin: 0 auto; }
.advacc__item { overflow: hidden; border: 1px solid color-mix(in srgb, var(--navy) 10%, transparent); border-radius: var(--radius); background: var(--surface); box-shadow: 0 14px 34px -26px color-mix(in srgb, var(--navy-deep) 45%, transparent); }
.advacc__heading { margin: 0; text-transform: none; letter-spacing: 0; }
.advacc__trigger { display: flex; align-items: center; gap: 16px; width: 100%; padding: 20px 24px; background: none; border: 0; text-align: left; cursor: pointer; color: var(--navy); transition: background-color .2s; }
.advacc__trigger:hover { background: var(--surface-tint); }
.advacc__title { flex: 1 1 auto; font-family: var(--font-slab); font-size: 21px; font-weight: 700; line-height: 1.3; }
.advacc__pm { display: none; }
.advacc__chev { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: color-mix(in srgb, var(--cyan-dark) 10%, transparent); color: var(--cyan-dark); transform: rotate(90deg); transition: transform .25s var(--ease), background-color .2s, color .2s; }
.acc__item.is-open .advacc__chev { transform: rotate(-90deg); background: var(--cyan-dark); color: #fff; }
.advacc__panel { display: none; }
.acc__item.is-open .advacc__panel { display: block; }
.advacc__content { padding: 0 24px 24px; color: var(--navy); font-size: 16px; line-height: 1.75; overflow: hidden; }
.advacc__content img { float: left; width: 220px; height: 270px; object-fit: cover; margin: 4px 28px 12px 0; border-radius: var(--radius); }
.advacc__content p { margin: 0 0 1em; }
.advacc__content strong { font-weight: 400; }

.pubs__tabs { max-width: 980px; margin: 0 auto; }
.pubs .htabs__list { justify-content: center; }
.pubs .htabs__panels { padding: clamp(16px, 3vw, 32px); border-radius: calc(var(--radius) * 1.5); background: var(--surface); box-shadow: 0 14px 34px -24px color-mix(in srgb, var(--navy-deep) 45%, transparent); }
.pubs .htabs__panel img { border-radius: calc(var(--radius) / 2); }

/* Our Team page */
.volunteers-grid .carousel--logo .tm__content img { width: 200px; height: 200px; max-height: none; object-fit: cover; border-radius: 50%; }

@media (max-width: 1024px) {
  .quote__split { grid-template-columns: 1fr; }
  .quote__logo { max-width: 320px; }
  .story__flip > :first-child { order: 0; }
}
@media (max-width: 767px) {
  .advacc__trigger { padding: 16px 18px; }
  .advacc__title { font-size: 18px; }
  .advacc__content { padding: 0 18px 20px; }
  .advacc__content img { float: none; width: 100%; height: auto; aspect-ratio: 1; margin: 0 0 16px; }
  .team__collage { aspect-ratio: 4 / 3; }
}