.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.portfolio-card{overflow:hidden;background:#fff;border:1px solid #eadfd9;border-radius:16px;box-shadow:0 8px 24px rgba(83,55,47,.06)}
.portfolio-photo{height:250px;display:grid;place-items:center;background:#f4f0ed;color:#928783;font-size:13px}
.portfolio-photo img{width:100%;height:100%;object-fit:contain}
.portfolio-info{padding:18px}
.portfolio-info h3{font-size:16px;margin:10px 0}
.portfolio-info p{font-size:13px;color:#645a57;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.portfolio-info small{color:#968b86}
.portfolio-state{display:inline-block;padding:5px 9px;border-radius:99px;background:#f6eadf;color:#8e5848;font-size:12px}
.portfolio-state.published{background:#e5f3e9;color:#386e48}
.portfolio-state.removed,.portfolio-state.deleted{background:#eee;color:#666}
.portfolio-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.portfolio-actions button{min-height:38px}