.paginakop.tweeluik { display: block; }
.duo { display: grid; gap: 14px; }
@media (min-width: 900px) { .duo { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fkaart { background: var(--kaart); border: 1px solid var(--lijn); border-radius: 24px; padding: 26px; display: grid; gap: 16px; align-content: start; scroll-margin-top: 90px; }
.fkaart .fkop { display: flex; gap: 18px; align-items: center; }
.fkaart .fkop img { width: 84px; height: 84px; border-radius: 22px; object-fit: cover; object-position: center 20%; flex: none; }
.fkaart h3 { font-size: 26px; font-weight: 900; letter-spacing: -0.03em; margin-top: 6px; }
.fkaart .rol { font-size: 14px; font-weight: 700; color: var(--zacht); margin-top: 2px; }
.fkaart > p { color: var(--zacht); font-size: 16px; }
.fkaart .richt { padding: 14px 16px; border-radius: 16px; background: var(--vlak); }
.fkaart .richt b { display: block; font-size: 13px; color: var(--zacht); font-weight: 800; margin-bottom: 2px; }
.fkaart .richt span { font-size: 15px; }
.founder { align-items: start; }
.founder .portret { max-width: 380px; width: 100%; }
@media (min-width: 940px) { .founder.om .portret { margin-left: auto; } }
.founder .tekst { display: grid; gap: 0; }
.founder .rol { font-size: 14px; font-weight: 800; color: var(--zacht); margin-top: 10px; }
.founder .richt { margin-top: 18px; padding: 16px 18px; border: 1px solid var(--lijn); border-radius: 18px; background: var(--kaart); max-width: 52ch; }
.founder .richt b { display: block; font-size: 13px; color: var(--zacht); font-weight: 800; margin-bottom: 4px; }
.founder .richt span { font-size: 15.5px; }
.verbind { text-align: center; font-size: clamp(30px, 5vw, 60px); font-weight: 900; letter-spacing: -0.045em; line-height: 1.02; }
.verbind span { color: var(--zacht); }
.twee { display: grid; gap: 14px; }
@media (min-width: 820px) { .twee { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.twee .kaart.donker { background: var(--donker); color: var(--op-donker); border-color: transparent; }
.twee .kaart.donker > p { color: var(--op-donker); opacity: .8; }
.twee .kaart.donker .ik { background: var(--op-donker); color: var(--donker); }
.twee .kaart h3 { font-size: 24px; }
.verhaaltekst { display: grid; gap: 28px; max-width: 980px; }
.verhaaltekst .intro { font-size: clamp(22px, 2.8vw, 32px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.2; max-width: 30em; }
.kolommen { display: grid; gap: 18px; }
@media (min-width: 900px) { .kolommen { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; } }
.kolommen p { color: var(--zacht); font-size: 16.5px; border-top: 2px solid var(--tekst); padding-top: 14px; }
.portaalblok { max-width: 560px; }
.portaalblok small { display: block; margin-top: 10px; color: var(--zacht); font-size: 13px; }