.b-gezichten .b-kopgroep{margin-inline:auto;text-align:center}
.b-gezichten .b-kopgroep .b-lead{margin-inline:auto}
.b-gezichten__raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
gap:clamp(.55rem,calc(1.1*var(--vw)),.9rem)}
.b-gezichten__tegel--thuis{grid-column:span 3}
.b-gezichten__link{position:relative;display:block;height:100%;aspect-ratio:4/5;border-radius:var(--b-r-kaart);
overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--b-schaduw);
transition:transform .45s var(--b-ease),box-shadow .45s var(--b-ease)}
.b-gezichten__tegel--thuis .b-gezichten__link{aspect-ratio:auto}
.b-gezichten__link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
transition:transform .7s var(--b-ease)}
.b-gezichten{--gz-strook:3.9rem}
.b-gezichten__tekst{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:.35rem .75rem;display:grid;gap:.05rem;
height:var(--gz-strook);align-content:center;background:rgba(232,112,0,.86)}
.b-gezichten__naam{font:600 .9rem/1.25 var(--font-kop);color:var(--b-inkt)}
.b-gezichten__sub{font:500 .76rem/1.3 var(--font-kop);color:rgba(10,10,10,.84)}
.b-gezichten__tegel--thuis .b-gezichten__naam{font-size:1.3rem}
.b-gezichten__tegel--thuis .b-gezichten__sub{font-size:.85rem}
.b-gezichten__vlag{position:absolute;z-index:1;left:.8rem;top:.8rem;display:inline-flex;align-items:center;gap:.4rem;
padding:.38rem .7rem;border-radius:999px;background:var(--b-wit);color:var(--b-inkt);
font:600 .72rem/1 var(--font-kop);letter-spacing:.08em;text-transform:uppercase;
box-shadow:0 2px 6px -2px rgba(10,10,10,.45)}
.b-gezichten__vlag svg{width:.9rem;height:.9rem}
.b-gezichten__knoppen{justify-content:center;margin-top:clamp(1.8rem,calc(3.4*var(--vw)),2.8rem)}
.b-gezichten__bron{margin:.9rem 0 0;text-align:center;font-size:.78rem;line-height:1.5}
.b-gezichten__bron a{color:var(--b-zacht);text-decoration:underline;text-underline-offset:2px}
.b-gezichten__bron a:hover{color:var(--b-bordeaux)}
.b-gezichten__bronnen{list-style:none;margin:1.4rem 0 0;padding:0;max-width:64rem}
.b-gezichten__bronnen li{padding:.75rem 0;border-bottom:1px solid var(--b-lijn);color:var(--b-zacht);
font-size:.96rem;line-height:1.6;text-wrap:pretty}
.b-gezichten__bronnen li:last-child{border-bottom:0}
.b-gezichten__bronnen a{color:var(--b-bordeaux);text-decoration:underline;text-underline-offset:3px}
.b-gezichten__bronnen li>a:first-child{font-weight:600;color:var(--b-inkt)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
.b-gezichten__link:hover{transform:translateY(-5px);
box-shadow:0 2px 4px rgba(10,10,10,.06),0 24px 40px -22px rgba(10,10,10,.5)}
.b-gezichten__link:hover img{transform:scale(1.06)}
}
@media (max-width:1100px){
.b-gezichten__raster{grid-template-columns:repeat(4,minmax(0,1fr))}
.b-gezichten__tegel--thuis{grid-column:span 2}
}
@media (max-width:620px){
.b-gezichten__raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.b-gezichten__tegel--thuis{grid-column:1 / -1}
.b-gezichten__tegel--thuis .b-gezichten__link{aspect-ratio:16/9}
.b-gezichten{--gz-strook:4.4rem}
.b-gezichten__naam{font-size:.78rem;line-height:1.2}
.b-gezichten__sub{font-size:.68rem}
.b-gezichten__tekst{padding:.3rem .5rem}
.b-gezichten__tegel--thuis .b-gezichten__naam{font-size:1.25rem}
}
.b-gezichten--groot .b-gezichten__raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,calc(1.8*var(--vw)),1.5rem)}
.b-gezichten--groot .b-gezichten__tegel--thuis{grid-column:auto}
.b-gezichten--groot .b-gezichten__link,
.b-gezichten--groot .b-gezichten__tegel--thuis .b-gezichten__link{aspect-ratio:4/5}
.b-gezichten--groot{--gz-strook:4.5rem}
.b-gezichten--groot .b-gezichten__tekst{padding:.6rem 1.1rem;gap:.1rem}
.b-gezichten--groot .b-gezichten__naam,
.b-gezichten--groot .b-gezichten__tegel--thuis .b-gezichten__naam{font-size:clamp(1.15rem,1rem + calc(.6*var(--vw)),1.5rem)}
.b-gezichten--groot .b-gezichten__sub{font-size:.85rem}
.b-gezichten--groot .b-gezichten__vlag{left:1rem;top:1rem}
.b-gezichten--groot .b-gezichten__bron{margin-top:1.4rem}
@media (max-width:900px){
.b-gezichten--groot .b-gezichten__raster{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.b-gezichten--groot .b-gezichten__raster{grid-template-columns:minmax(0,1fr)}
.b-gezichten--groot .b-gezichten__link,
.b-gezichten--groot .b-gezichten__tegel--thuis .b-gezichten__link{aspect-ratio:3/2}
}