/* ===== Improntae Collage Portfolio — CSS (scoped .impf) ===== */
.impf{--impf-ink:#16120E}
.impf-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 26px}
.impf-filters button{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.02em;background:#fff;color:var(--impf-ink);border:2px solid var(--impf-ink);border-radius:30px;padding:9px 16px;cursor:pointer;box-shadow:3px 3px 0 var(--impf-ink);transition:transform .15s,box-shadow .15s,background .15s,color .15s}
.impf-filters button:hover,.impf-filters button:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--impf-ink)}
.impf-filters button.on{background:var(--impf-ink);color:#fff}
.impf-filters button[data-f]:not([data-f="*"]).on{background:var(--c,#8A5CC7);border-color:var(--impf-ink)}

.impf-grid{columns:3;column-gap:18px}
.impf-item{display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;background:#fff;border:2px solid var(--impf-ink);border-radius:16px;overflow:hidden;box-shadow:6px 6px 0 var(--impf-ink);text-decoration:none;color:var(--impf-ink);transition:transform .2s,box-shadow .2s,opacity .25s}
.impf-item:hover,.impf-item:focus-visible{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--impf-ink)}
.impf-item.impf-hide{display:none}
.impf-ph{position:relative;display:block;background:var(--c,#8A5CC7);border-bottom:2px solid var(--impf-ink);min-height:60px}
.impf-ph img{display:block;width:100%;height:auto}
.impf-noimg{display:flex;align-items:center;justify-content:center;height:160px;font-size:34px;color:rgba(255,255,255,.85)}
.impf-tags{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:5px}
.impf-tag{font-family:'Space Mono',monospace;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--tc,var(--impf-ink));color:#fff;padding:4px 10px;border-radius:20px;border:1.5px solid var(--impf-ink);box-shadow:1.5px 1.5px 0 var(--impf-ink)}
.impf-cap{display:block;padding:13px 15px 15px}
.impf-title{display:block;font-family:'Fraunces',serif;font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.15}
.impf-sub{display:block;margin-top:4px;font-family:'Space Mono',monospace;font-size:11px;color:#8a7f6d}
.impf-empty{font-family:'Space Mono',monospace;font-size:13px;color:#8a7f6d;text-align:center;padding:30px 0}

@media(max-width:1024px){.impf-grid{columns:2}}
@media(max-width:640px){.impf-grid{columns:1}}
@media(prefers-reduced-motion:reduce){.impf-item,.impf-filters button{transition:none}}