/* Kennis-sectie (home): illustraties in de kenniskaarten + achtergrondbeeld 'Meer lezen?' */
.art__img--pic{background:#0B1B3A}
.art__img--pic::before{display:none}
.art__img--pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:transform .6s var(--ease,ease)}
/* subtiele kleurwaas (per kaart via --c1) voor samenhang met de rest van de pagina */
.art__img--pic::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px 180px at 85% 0%,var(--c1,rgba(255,154,31,.35)),transparent 70%);opacity:.35;mix-blend-mode:screen}
.art:hover .art__img--pic img{transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){.art__img--pic img{transition:none}.art:hover .art__img--pic img{transform:none}}

/* Lokale SEO (brede kaart): label niet over de volle breedte rekken */
.art--wide .art__tag{align-self:flex-start}

/* 'Meer lezen?': illustratie in een eigen gereserveerde zone, tekst blijft volledig vrij */
.more--pic{position:relative;overflow:hidden;isolation:isolate}
.more--pic>*:not(.more__img){position:relative;z-index:1}
.more__img{position:absolute;z-index:0;pointer-events:none;height:auto;max-width:none;object-fit:contain;opacity:.75;
  -webkit-mask-image:linear-gradient(to left,#000 70%,transparent 100%);mask-image:linear-gradient(to left,#000 70%,transparent 100%)}
/* mobiel: klein beeld rechtsboven naast tegel + kop; alinea begint eronder */
.more__img{top:1rem;right:1rem;width:92px}
@media(max-width:759px){.more--pic h3{padding-right:108px}}
/* vanaf 760 px: rechterkolom gereserveerd voor het beeld */
@media(min-width:760px){
  .more--pic{padding-right:calc(28% + 2.5rem)}
  .more__img{top:50%;right:1.25rem;transform:translateY(-50%);width:28%;max-height:86%}
}