/* layer_projects — overzicht-grid + categorie-filter + detailpagina. Variabelen + fallback. */
.layer--projects .projects{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.25rem}
.layer--projects .projects__item{margin:0}
.layer--projects .projects__link{display:flex;flex-direction:column;height:100%;text-decoration:none;
  color:var(--ink,#1a1a1a);background:var(--surface,#fff);border-radius:var(--radius,.5rem);overflow:hidden;
  box-shadow:var(--card-shadow,0 1px 4px rgba(0,0,0,.08));transition:box-shadow .15s,transform .15s}
a.projects__link:hover{box-shadow:var(--card-shadow-hover,0 4px 14px rgba(0,0,0,.14));transform:translateY(-2px)}
.layer--projects .projects__media{aspect-ratio:4/3;overflow:hidden}
.layer--projects .projects__img{width:100%;height:100%;object-fit:cover;display:block}
.layer--projects .projects__body{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.layer--projects .projects__title{margin:0;font-size:1.05rem}
.layer--projects .projects__subtitle{margin:0;color:var(--muted,#777);font-size:.9em}
.layer--projects .projects__category{align-self:flex-start;margin-top:.25rem;font-size:.72em;text-transform:uppercase;
  letter-spacing:.04em;color:var(--accent,#666);background:var(--surface-2,#f2f2f2);border-radius:1rem;padding:.15rem .6rem}
.projects-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.25rem}
.projects-filter__btn{border:1px solid var(--border,#e2e2e2);background:var(--surface,#fff);color:var(--ink,#1a1a1a);
  border-radius:2rem;padding:.35rem .95rem;font:inherit;font-size:.88rem;cursor:pointer;transition:background .15s,border-color .15s}
.projects-filter__btn:hover{border-color:var(--accent,#888)}
.projects-filter__btn.is-active{background:var(--accent,#1e2a3a);border-color:var(--accent,#1e2a3a);color:var(--on-accent,#fff)}
.project-detail__media{margin:1rem 0}
.project-detail__img{width:100%;height:auto;border-radius:var(--radius,.5rem);display:block}
.project-detail__lead{font-size:1.1rem;color:var(--muted,#555)}