/* redres. gedeelde layout – header, split-hero, band. Wit + navy, geen goud. */
:root{--rl-navy:#023461;--rl-hair:#e3e3e3;--rl-grey:#4a4a4a}
.rl-head{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--rl-hair)}
.rl-head-in{max-width:1440px;margin:0 auto;padding:18px 48px;display:flex;align-items:center;gap:22px}
.rl-logo img{display:block;height:34px;width:auto}
.rl-div{width:1px;height:40px;background:var(--rl-hair)}
.rl-site{text-decoration:none;color:var(--rl-navy);font-size:21px;font-weight:400;line-height:1.15;letter-spacing:.005em}
.rl-site span{display:block;font-size:12.5px;color:var(--rl-grey);font-weight:300;letter-spacing:.02em;margin-top:2px}
.rl-nav{margin-left:auto;display:flex;gap:30px;font-size:15px}
.rl-nav a{color:var(--rl-navy);text-decoration:none;font-weight:400;padding:4px 0;border-bottom:1px solid transparent}
.rl-nav a:hover,.rl-nav a[aria-current]{border-bottom-color:var(--rl-navy)}
.rl-pijl{width:.95em;height:.95em;vertical-align:-.1em}
.rl-menu{display:none;margin-left:auto}
.rl-menu summary{cursor:pointer;list-style:none;font-size:15px;color:var(--rl-navy);border:1px solid var(--rl-hair);padding:7px 14px}
.rl-menu summary::-webkit-details-marker{display:none}
.rl-menu nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--rl-hair);display:flex;flex-direction:column;padding:10px 24px 16px}
.rl-menu nav a{padding:10px 0;color:var(--rl-navy);text-decoration:none;border-bottom:1px solid var(--rl-hair)}
@media(max-width:1060px){.rl-nav{display:none}.rl-menu{display:block}.rl-head-in{padding:14px 24px}}
@media(max-width:520px){.rl-site{font-size:17px}.rl-site span{font-size:11px}.rl-logo img{height:26px}.rl-div{height:32px}.rl-head-in{gap:12px;padding:12px 16px}}
.rl-hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 77px - 64px);max-height:900px;background:#fff}
.rl-hero-t{display:flex;align-items:center;padding:56px 48px}
.rl-hero-tin{max-width:560px;margin-left:auto;margin-right:24px;width:100%}
.rl-kicker{font-size:12.5px;letter-spacing:.08em;color:var(--rl-navy);font-weight:600;margin:0 0 26px}
.rl-h{font-weight:200;font-size:clamp(40px,5.2vw,78px);line-height:1.06;letter-spacing:-.012em;color:var(--rl-navy);margin:0 0 30px;text-wrap:balance}
.rl-intro{font-size:19px;line-height:1.6;color:#222;max-width:470px}.rl-intro p{margin:0 0 .7em}
.rl-knop{display:inline-flex;align-items:center;gap:40px;background:var(--rl-navy);color:#fff;text-decoration:none;padding:19px 24px;font-size:16px;margin-top:22px}
.rl-knop .rl-pijl{width:20px;height:20px}.rl-knop:hover{background:#0b4a85;color:#fff}
.rl-onder{font-size:14px;color:var(--rl-grey);margin:18px 0 0}.rl-onder a{color:var(--rl-grey)}
.rl-hero-f{position:relative;min-height:420px;overflow:hidden;background:#dfe4e8}
.rl-foto{margin:0;position:absolute;inset:0}
.rl-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.rl-foto figcaption{position:absolute;left:28px;bottom:20px;color:#fff;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.rl-lijn{position:absolute;left:28px;right:28px;bottom:56px;margin:0;color:#fff;font-weight:200;font-size:clamp(24px,2.4vw,36px);line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.rl-band{background:var(--rl-navy)}
.rl-band ol{list-style:none;margin:0 auto;padding:0 48px;max-width:1440px;display:grid;grid-template-columns:repeat(3,1fr)}
.rl-band li:nth-child(2){text-align:center}.rl-band li:nth-child(3){text-align:right}
.rl-band a{display:inline-block;color:#fff;text-decoration:none;font-size:15px;padding:22px 0}
.rl-band a:hover{text-decoration:underline;text-underline-offset:4px}
.rl-nr{opacity:.85;margin-right:12px;font-variant-numeric:tabular-nums}
@media(max-width:860px){
 .rl-hero{grid-template-columns:1fr;min-height:0;max-height:none}
 .rl-hero-t{padding:40px 24px 36px}.rl-hero-tin{margin:0;max-width:none}
 .rl-hero-f{min-height:0;aspect-ratio:4/5;max-height:78vh}
 .rl-band ol{grid-template-columns:1fr;padding:6px 24px}
 .rl-band li,.rl-band li:nth-child(2),.rl-band li:nth-child(3){text-align:left;border-bottom:1px solid rgba(255,255,255,.18)}
 .rl-band li:last-child{border-bottom:0}.rl-band a{padding:15px 0;display:block}}
.rl-foto:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}
.rl-foto figcaption{z-index:1}.rl-lijn{z-index:1}
.rl-foto img{object-position:50% 22%}
.rl-rest{padding-top:40px}
