.portfolio-archive-wrap { max-width:1200px; margin:0 auto; padding:30px; }
.portfolio-categories { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.portfolio-category-item { display:flex; flex-direction:column; align-items:center; text-decoration:none; color:inherit; width:120px; }
.portfolio-category-item img { width:100px; height:100px; object-fit:cover; border-radius:6px; }
.portfolio-category-title { margin-top:6px; text-align:center; font-weight:600; }
.portfolio-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:18px; }
.portfolio-item { overflow:hidden; border-radius:8px; text-align:center; }
.portfolio-item img { width:100%; height:200px; object-fit:cover; display:block; }
.portfolio-title { padding:10px 8px; font-size:16px; }
.portfolio-contact-button { font-weight:600; background:#ffffff; color:#111; border:1px solid rgba(0,0,0,0.08); box-shadow:0 1px 3px rgba(0,0,0,0.06); }
.portfolio-contact-button:hover { transform:translateY(-2px); transition:all .15s ease; }