/* ===== Foto/video-hero (homepage) en donkere fotosecties ===== */
.hero-banner{ position:relative; min-height:58vh; display:flex; align-items:center; text-align:center; color:#fff;
	background:linear-gradient(180deg, rgba(30,58,110,.32) 0%, rgba(30,58,110,.66) 100%), var(--hero-img) center 42%/cover no-repeat; }
.hero-banner__inner{ max-width:820px; margin:0 auto; padding:64px 24px; }
.hero-banner .eyebrow{ color:var(--goud-licht); margin-bottom:18px; }
.hero-banner h1{ color:#fff; font-size:clamp(2.05rem,6vw,4.6rem); line-height:1.07; margin:0 0 22px; }
.hero-banner h1 span{ color:var(--goud-licht); }
.hero-banner p{ color:#EDE9DD; font-size:1.28rem; line-height:1.6; max-width:52ch; margin:0 auto 34px; }
.hero-banner__cta{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.hero-banner__note{ margin-top:38px !important; margin-bottom:0 !important; font-size:.98rem !important; letter-spacing:.02em; color:#D8D2C2 !important; }
.btn--outline-light{ border:2px solid rgba(255,253,246,.7); color:#fff; }
.btn--outline-light:hover{ background:var(--ivoor); color:var(--blauw-nacht); }
@media (max-width:680px){ .hero-banner{ min-height:56vh; } .hero-banner__inner{ padding:48px 0; } }
/* ===== Video-achtergrond in de hero ===== */
.hero-video{ overflow:hidden; }
.hero-video__bg{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.hero-video__bg .hero-video__el{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; border:0; }
/* (geen reduce-motion-verberging: de hero-video speelt altijd, ook op mobiel) */
.hero-video__overlay{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(30,58,110,.20) 0%, rgba(30,58,110,.26) 45%, rgba(30,58,110,.42) 100%); }
/* Tekst leesbaar houden bij lichtere overlay */
.hero-video .hero-banner__inner{ text-shadow:0 2px 18px rgba(5,16,34,.55); }
@media (max-width:680px){ .hero-video__overlay{ background:linear-gradient(180deg, rgba(30,58,110,.24) 0%, rgba(30,58,110,.32) 55%, rgba(30,58,110,.48) 100%); } }
.hero-video > .container{ position:relative; z-index:2; }

/* ===== Donkere fotosectie (o.a. "In het huis van de Vader") ===== */
.section--foto{ background:linear-gradient(180deg, rgba(30,58,110,.86) 0%, rgba(20,40,80,.92) 100%), var(--sectie-img) center/cover no-repeat; }