.sfm-kaarten{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:40px 0 8px;display:grid}.sfm-kaart{background:var(--sfm-surface);border:1px solid var(--sfm-border-hair);border-radius:var(--sfm-radius-block);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.sfm-kaart:hover{box-shadow:var(--sfm-shadow-lift);transform:translateY(-3px)}.sfm-kaart:focus-visible{outline:2px solid var(--sfm-accent);outline-offset:2px}.sfm-kaart__beeld{aspect-ratio:3/2;background:var(--sfm-gradient-brand);position:relative}.sfm-kaart__beeld img{object-fit:cover;width:100%;height:100%;display:block}.sfm-kaart__tekst{flex-direction:column;flex:1;padding:22px;display:flex}.sfm-kaart h2{letter-spacing:var(--sfm-tracking-snug);margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.22}.sfm-kaart:hover h2{color:var(--sfm-accent)}.sfm-kaart p{color:var(--sfm-body);margin:0 0 18px;font-size:14.5px;line-height:1.55}.sfm-kaart__meer{color:var(--sfm-accent);align-items:center;gap:6px;margin-top:auto;font-size:13.5px;font-weight:600;display:inline-flex}.sfm-kaart__meer:after{content:"→";transition:transform .2s}.sfm-kaart:hover .sfm-kaart__meer:after{transform:translate(3px)}@media (prefers-reduced-motion:reduce){.sfm-kaart,.sfm-kaart__meer:after{transition:none}.sfm-kaart:hover{transform:none}}