.sm-portfolio{background:#fff}.sm-portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.sm-portfolio-filters button{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.sm-portfolio-filters button.is-active{background:var(--sm-primary,#ffb400);border-color:var(--sm-primary,#ffb400)}.sm-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sm-portfolio-item{position:relative;padding:0;border:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#eee;cursor:pointer}.sm-portfolio-item[hidden]{display:none}.sm-portfolio-item img{width:100%;height:100%;object-fit:cover;display:block}.sm-portfolio-item span{position:absolute;left:12px;right:12px;bottom:10px;color:#fff;font-weight:900;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.7)}.sm-portfolio-lightbox{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.9)}.sm-portfolio-lightbox[hidden]{display:none}.sm-portfolio-lightbox img{max-width:92vw;max-height:86vh;border-radius:14px}.sm-portfolio-lightbox button{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#111;color:#fff;font-size:28px}@media(max-width:900px){.sm-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}