.modern-gallery{background:#fafafa;padding:60px 5%}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:40px;display:flex}.pill{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50px;padding:9px 18px;font-weight:500;transition:all .25s}.pill:hover{border-color:var(--secondaryColor);color:var(--secondaryColor)}.pill.active{background:var(--primaryColor);color:#fff;border-color:var(--primaryColor)}.count{color:var(--secondaryColor);margin-left:auto;font-weight:600}.modern-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.card{cursor:pointer;border-radius:14px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000014}.card:hover{transform:translateY(-5px)}.card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.overlay{color:#fff;background:linear-gradient(#0000,#000000b3);width:100%;padding:10px;font-size:14px;position:absolute;bottom:0}.popup-overlay{z-index:9999;background:#000000f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-img{border-radius:12px;max-width:92vw;max-height:90vh}.popup-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;position:absolute;top:20px;right:30px}.popup-nav{color:#fff;cursor:pointer;background:0 0;border:none;font-size:60px;position:absolute;top:50%;transform:translateY(-50%)}.popup-nav.left{left:20px}.popup-nav.right{right:20px}@media (max-width:768px){.modern-gallery{padding:40px 4%}}