.photo-page-hero{min-height:470px}
.photo-page-hero .wrap{padding-block:62px;position:relative}
.photo-page-hero h1{color:#fff;max-width:760px;font-size:clamp(36px,4.7vw,64px);line-height:1.1;letter-spacing:-1.6px}
.photo-page-hero .lead{color:#fff;max-width:660px;font-size:19px;line-height:1.65}
.photo-page-hero .breadcrumbs,.photo-page-hero .breadcrumbs a,.photo-page-hero .eyebrow{color:#e9e3e0}
.photo-page-hero .gospel-foundation{max-width:670px;color:#fff;line-height:1.75;background:transparent;border:0;padding:0}
.photo-page-hero .hero-backdrop{object-position:50% 65%}
.education-photo-hero .hero-backdrop{object-position:65% 40%}
.mission-hero>.home-conversation-photo{object-position:65% 40%}
.vacancy-community-photo{padding-top:0}
.vacancy-community-photo figure{margin:0;background:#e9e3e0;overflow:hidden;border-radius:16px}
.vacancy-community-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 72%}
.vacancy-community-photo figcaption{padding:18px 24px;color:#405a50;font-size:14px}
.ev-photo-note .flyer-photo img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 30%}
@media(max-width:760px){
.photo-page-hero{min-height:430px}
.photo-page-hero .wrap{padding-block:38px 46px}
.photo-page-hero h1{font-size:clamp(34px,9.8vw,45px)}
.photo-page-hero .lead{font-size:17px}
.photo-page-hero .hero-backdrop{object-position:30% 55%}
.education-photo-hero .hero-backdrop,.mission-hero>.home-conversation-photo{object-position:72% 40%}
.vacancy-community-photo img{aspect-ratio:4/3;object-position:38% 75%}
.vacancy-community-photo figcaption{padding:16px 18px}
}

.book-arthur-photo-hero{min-height:560px}
.book-arthur-photo-hero>.hero-backdrop{left:auto;right:0;width:48%;object-position:50% 38%}
.book-arthur-photo-hero h1,.book-arthur-photo-hero .lead{max-width:57%}
@media(max-width:760px){.book-arthur-photo-hero>.hero-backdrop{width:100%;object-position:50% 35%}.book-arthur-photo-hero h1,.book-arthur-photo-hero .lead{max-width:100%}.book-arthur-photo-hero{min-height:440px}}
@media(min-width:761px){.book-arthur-photo-hero>.hero-backdrop{mask-image:linear-gradient(90deg,transparent 0%,#000 34%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}}
/* De spreker staat naast de tekst; de groene overgang loopt door tot de foto. */
.photo-page-hero{overflow:hidden}
@media(min-width:761px){.education-photo-hero>.hero-backdrop{left:auto;right:-12%;width:92%;object-position:50% 40%;mask-image:linear-gradient(90deg,transparent 0%,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%)}}
@media(max-width:760px){.education-photo-hero>.hero-backdrop{left:0;right:0;width:100%;object-position:70% 40%}}

.vacancy-photo-hero>.hero-backdrop{object-position:50% 73%}
@media(max-width:760px){.vacancy-photo-hero>.hero-backdrop{object-position:38% 72%}}

.project-photo-hero .project-calling-quote{margin:24px 0 0;padding:0;border:0;color:#fff;max-width:760px;font:500 clamp(20px,2.2vw,27px)/1.55 Georgia,serif}

/* Ovale doorklikknoppen; de knoppen binnen formulieren behouden hun vorm. */
.rounded-page-actions a.btn{border-radius:999px}