.collection-filters{display:flex;flex-wrap:wrap;gap:16px;margin:30px 0 8px;text-align:left}.collection-filters label{display:grid;gap:6px;font-weight:800;font-size:.9rem;color:#071630}.collection-filters select{font:inherit;color:#071630;background:#fff;border:2px solid #071630;border-radius:12px;padding:11px 35px 11px 12px;max-width:100%}.count{text-align:left;font-weight:700;color:#40516b;margin:18px 0}.collectie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.collectie-item{min-width:0}.kaart-thumb{width:100%;display:flex;flex-direction:column;overflow:hidden;padding:7px;background:#fff8df;border:3px solid #0b1b3f;border-radius:19px;box-shadow:0 7px 0 #071630;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s}.kaart-thumb:hover{transform:translateY(-4px);box-shadow:0 11px 0 #071630}.kaart-thumb:focus-visible,.dialog-close:focus-visible{outline:4px solid #00a67a;outline-offset:4px}.kaart-art,.detail-art{display:block;background-size:300% 100%;background-repeat:no-repeat;background-color:#e6daaa}.kaart-art{width:100%;aspect-ratio:1/1.3;border-radius:10px}.fullart .kaart-art{aspect-ratio:1/1.3}.kaart-label{display:grid;gap:4px;padding:10px 4px 4px;color:#071630}.kaart-label strong{font-size:1rem;line-height:1.1}.kaart-label small{font-size:.74rem;font-weight:800}.kaart-dialog{width:min(92vw,760px);max-height:90vh;border:3px solid #071630;border-radius:22px;padding:28px;background:#fffbed;color:#071630;box-shadow:0 20px 80px #07163055}.kaart-dialog::backdrop{background:#071630ba}.dialog-close{float:right;background:#071630;color:white;border:0;border-radius:50%;width:42px;height:42px;font-size:1.2rem;cursor:pointer}.kaart-dialog h2{margin:3px 0 14px;font-size:2rem;line-height:1.1}.dialog-meta{color:#485a75;font-weight:800;text-transform:uppercase;font-size:.8rem}.detail-art{width:min(100%,390px);height:auto;aspect-ratio:1/1.1;border-radius:14px;float:left;margin:0 22px 16px 0}.dialog-quote{font-weight:900;font-size:1.1rem}.dialog-note{background:#d7fbeb;border-radius:12px;padding:12px;font-size:.9rem}.kaart-dialog details{clear:both;margin-top:20px;border-top:2px solid #d7d9d1;padding-top:15px}.kaart-dialog summary{cursor:pointer;font-weight:900}.kaart-dialog details h3{margin:18px 0 4px;font-size:1rem}.kaart-dialog details p{margin:0}.collection .concept-note{margin-top:35px}@media(max-width:850px){.collectie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:560px){.collectie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.kaart-label strong{font-size:.87rem}.kaart-label small{font-size:.68rem}.detail-art{float:none;width:100%;margin:0 0 14px}.kaart-dialog{padding:19px}}
.kaart-art{background-size:390% 100%}.detail-art{background-size:330% 100%}
.kaart-thumb{position:relative;aspect-ratio:5/7}.kaart-thumb.bende .kaart-art{height:72%;aspect-ratio:auto;background-size:300% 100%}.kaart-thumb.bende .kaart-label{flex:1;justify-content:center}.kaart-thumb.fullart{display:block;padding:4px;background:#f3c552}.kaart-thumb.fullart .kaart-art{height:100%;aspect-ratio:auto;background-size:420% 100%}.kaart-thumb.fullart .kaart-label{position:absolute;inset:auto 7px 7px;display:grid;gap:3px;padding:26px 10px 10px;color:white;background:linear-gradient(transparent,rgba(4,13,35,.94));border-radius:0 0 10px 10px}.kaart-thumb.fullart .kaart-label small{color:#fff3a3}
.kaart-talent{display:block;font-size:.73rem;line-height:1.25;color:#34445b;font-weight:600}
