/* The approved homepage finishes, scoped to the three main interior pages. */
.story-page .full-photo img,
.story-page .leader img,
.community-page .outreach-photo img,
.contact-page .contact-photo img {
  border: 0;
  box-shadow: 8px 8px 0 #e8dfd0, 0 8px 22px #17273b0d;
}
.story-page .full-photo figcaption,
.community-page .outreach-photo figcaption,
.contact-page .contact-photo figcaption { margin-top: 24px; }
.story-page .leader h3 { margin-top: 30px; }

.story-page .narrative > .eyebrow,
.story-page .legacy-section .eyebrow,
.story-page .leadership-heading .eyebrow,
.story-page .feature-copy > .eyebrow,
.community-page .outreach-copy > .eyebrow,
.community-page .partners-heading .eyebrow,
.contact-page .office-card > .eyebrow,
.contact-page .inquiry > .eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
}
.story-page .narrative > .eyebrow::before,
.story-page .legacy-section .eyebrow::before,
.story-page .leadership-heading .eyebrow::before,
.story-page .feature-copy > .eyebrow::before,
.community-page .outreach-copy > .eyebrow::before,
.community-page .partners-heading .eyebrow::before,
.contact-page .office-card > .eyebrow::before,
.contact-page .inquiry > .eyebrow::before {
  content: '';
  width: 27px;
  height: 1px;
  background: #a17b3b;
  flex: 0 0 auto;
}
.story-page .founder-section .eyebrow::before,
.community-page .partners-heading .eyebrow::before,
.contact-page .office-card > .eyebrow::before { background: var(--gold); }

.story-page .chapter-nav,
.community-page .community-jumps {
  background: #f4eee4;
  border-color: #e6ddce;
}
.story-page .leadership-section {
  background: #f4eee4;
  border-block: 1px solid #e6ddce;
  padding-block: 64px;
}
.story-page .leader .person-role {
  border-bottom: 1px solid #d8cbb7;
  padding-bottom: 18px;
}
.story-page .timeline > div {
  border-left: 2px solid #b49158;
  padding-left: 22px;
}
.community-page .event-note {
  background: #e8dfd0;
  border: 0;
  border-left: 3px solid #b49158;
  padding: 23px 25px;
}
.contact-page .contact-options {
  background: #f4eee4;
  border-top: 1px solid #e6ddce;
}
.contact-page .office-card { border-top: 3px solid #b49158; }
.contact-page .inquiry + .inquiry { border-color: #d8cbb7; }

@media (max-width:760px) {
  .story-page .full-photo img,
  .story-page .leader img,
  .community-page .outreach-photo img,
  .contact-page .contact-photo img { box-shadow: 5px 5px 0 #e8dfd0; }
  .story-page .leadership-section { padding-block: 48px; }
  .story-page .timeline > div,
  .story-page .timeline > div:last-child {
    border: 0;
    border-left: 2px solid #b49158;
    padding: 0 0 0 20px;
  }
  .community-page .event-note { padding: 20px; gap: 18px; flex-wrap: wrap; }
}