.page-hero--volunteers { background-image: url('../../assets/img/2-1.webp'); background-position: bottom center; }

.why__title { margin-bottom: 22px; font-size: clamp(26px, 2.8vw, 34px); line-height: 1.25; text-transform: none; }
.readmore__content { display: none; }
.readmore.is-open .readmore__content { display: block; }
.readmore__btn { display: inline-flex; align-items: center; gap: 12px; margin-top: 8px; padding: 0; background: none; border: 0; font-size: 16px; font-weight: 700; color: var(--cyan-dark); cursor: pointer; }
.readmore__btn:hover { color: var(--navy); }
.readmore__icon { position: relative; width: 14px; height: 14px; }
.readmore__icon::before, .readmore__icon::after { content: ""; position: absolute; border-radius: 2px; background: currentColor; }
.readmore__icon::before { left: 0; right: 0; top: 6px; height: 2px; }
.readmore__icon::after { top: 0; bottom: 0; left: 6px; width: 2px; }
.readmore.is-open .readmore__icon::after { display: none; }
.video--tall { aspect-ratio: 1092 / 615; }

.reqs__collage { width: 100%; max-width: 980px; margin: 0 auto clamp(40px, 6vw, 72px); }
.reqs .card { box-shadow: none; }

.photo-band--quote { text-align: center; }
.vquote { margin: 0; }
.vquote .photo-band__title { margin-inline: auto; font-style: italic; }

.loc { display: flex; flex-direction: column; overflow: hidden; padding: 0; }
.loc__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.loc__body { flex: 1; padding: 24px 28px 8px; }
.loc__body a { color: var(--cyan-dark); font-weight: 700; }
.loc__map { width: 100%; height: 240px; border: 0; }