/* Progressive enhancement: the existing grid remains the no-JS fallback. */
#archive-grid { --masonry-columns:3; --masonry-gap:24px; }
#archive-grid.jp-masonry { display:block!important; position:relative; }
#archive-grid.jp-masonry > .project-card { position:absolute!important; margin:0!important; padding:0!important; box-sizing:border-box; }
@media(max-width:1100px) { #archive-grid { --masonry-columns:2; --masonry-gap:20px; } }
@media(max-width:640px) { #archive-grid { --masonry-columns:1; --masonry-gap:24px; } }