/* Over ons en team: gedeelde basis van de vernieuwde locatiepagina's. */
.about-page h1 { hyphens: none; }
.about-page .r-hero-copy > p { max-width: 470px; }
.about-page .o-jumps { border-bottom: 1px solid var(--r-line); background: #fff; }
.about-page .o-jumps .r-wrap { display: flex; flex-wrap: wrap; gap: 0 32px; padding-block: 10px; }
.about-page .o-jumps a { display: inline-flex; align-items: center; min-height: 44px; color: var(--r-ink); font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.about-page .o-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 40px; }
.about-page .o-person { display: grid; grid-template-columns: 138px minmax(0, 1fr); grid-template-rows: auto 1fr; align-content: start; gap: 0 24px; }
.about-page .o-person > img { grid-row: 1 / 3; width: 138px; height: 222px; object-fit: cover; object-position: center 12%; border-radius: 18px 18px 42px 18px; background: #fff; }
.about-page .o-person h3 { margin-bottom: 6px; font-size: 27px; }
.about-page .o-person .o-role { font-size: 14px; line-height: 1.55; font-weight: 700; color: var(--r-ink); margin-bottom: 12px; }
.about-page .o-person p { font-size: 15px; line-height: 1.65; margin-bottom: 8px; }
.about-page .o-person .r-action { font-size: 14px; margin: 6px 0; }
.about-page .o-email { display: block; width: fit-content; max-width: 100%; padding-block: 6px; color: var(--r-ink); font-size: 13px; line-height: 1.6; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.about-page .o-story { background: var(--r-mint); }
.about-page .o-story-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 72px; align-items: start; }
.about-page .o-fenne { padding: 28px; border: 1px solid #d1ded5; background: rgba(255,255,255,.7); border-radius: 22px; }
.about-page .o-fenne > img { width: 164px; height: 226px; object-fit: cover; object-position: center 12%; border-radius: 14px 14px 34px 14px; margin-bottom: 24px; }
.about-page .o-fenne h3 { margin-top: 8px; margin-bottom: 6px; }
.about-page .o-fenne p { font-size: 15px; }
.about-page .o-fenne .o-role { font-size: 14px; font-weight: 700; }
.about-page .o-together-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.about-page .o-work { padding-block: 30px; background: var(--r-cream); }
.about-page .o-work .r-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 30px; }
.about-page .o-work h2 { font-size: 27px; margin-bottom: 8px; }
.about-page .o-work p { margin: 0; font-size: 15px; }
.about-page .o-work .r-action { flex-shrink: 0; }
@media (max-width: 1000px) {
  .about-page .o-people { gap: 40px 32px; }
  .about-page .o-person { grid-template-columns: 104px minmax(0, 1fr); gap: 0 18px; }
  .about-page .o-person > img { width: 104px; height: 156px; grid-row: auto; }
  .about-page .o-person-copy { grid-column: 1 / -1; margin-top: 18px; }
  .about-page .o-person h3 { font-size: 25px; }
  .about-page .o-story-grid { gap: 36px; }
}
@media (max-width: 850px) {
  .about-page .o-story-grid,
  .about-page .o-together-grid,
  .about-page .r-contact-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .about-page .o-fenne { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 24px; }
  .about-page .o-fenne > img { margin: 0; }
}
@media (max-width: 600px) {
  .about-page .o-people { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .about-page .o-person { grid-template-columns: 112px minmax(0, 1fr); align-items: center; padding-bottom: 30px; border-bottom: 1px solid var(--r-line); }
  .about-page .o-person:last-child { padding-bottom: 0; border-bottom: 0; }
  .about-page .o-person > img { width: 112px; height: 158px; }
  .about-page .o-person-copy { align-self: start; }
  .about-page .o-jumps .r-wrap { gap: 0 24px; }
  .about-page .o-jumps a { font-size: 13px; }
  .about-page .o-fenne { grid-template-columns: minmax(0, 1fr); padding: 24px; }
  .about-page .o-work h2 { font-size: 25px; }
}
.about-page .r-fit { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 24px 32px; }
@media (max-width: 850px) {
  .about-page .r-fit { grid-template-columns: minmax(0, 1fr); justify-items: start; }
}

.about-page .o-story-grid > div > p > a { text-decoration: underline; text-underline-offset: 4px; }
.about-page .o-organization { padding-top: 24px; margin: 32px 0 0; border-top: 1px solid #cbd9cf; max-width: 760px; font-size: 14px; line-height: 1.7; }
.about-page .o-organization strong { display: block; color: var(--r-ink); margin-bottom: 4px; }
.about-page .o-organization a { text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 601px) and (max-width: 850px) {
  .about-page .o-fenne > img { width: 112px; height: 168px; }
}

.about-page .o-fenne .r-action { font-size: 14px; margin: 6px 0; }