.mmp-portfolio{
  --mmp-accent:#2233c7;
  --mmp-text:#111827;
  --mmp-muted:#6b7280;
  --mmp-line:#e5e7eb;
  --mmp-bg:#fff;
  width:min(1240px,calc(100% - 40px));
  margin:0 auto;
  padding:70px 0 80px;
  box-sizing:border-box;
}
.mmp-portfolio *{box-sizing:border-box}
.mmp-heading{max-width:760px;margin:0 0 34px}
.mmp-heading h2{margin:0 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.08;color:var(--mmp-text)}
.mmp-heading p{margin:0;color:var(--mmp-muted);font-size:17px;line-height:1.7}
.mmp-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}
.mmp-filter{appearance:none;border:1px solid var(--mmp-line);background:#fff;color:var(--mmp-text);border-radius:999px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;transition:.2s ease}
.mmp-filter:hover,.mmp-filter.is-active{background:var(--mmp-accent);border-color:var(--mmp-accent);color:#fff}
.mmp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.mmp-card{overflow:hidden;border:1px solid var(--mmp-line);border-radius:16px;background:var(--mmp-bg);box-shadow:0 8px 28px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease}
.mmp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.11)}
.mmp-card[hidden]{display:none!important}
.mmp-image-link{display:block;overflow:hidden;background:#f3f4f6;aspect-ratio:1/1}
.mmp-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.mmp-card:hover .mmp-image{transform:scale(1.025)}
.mmp-image-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}
.mmp-card-body{padding:20px 22px 23px}
.mmp-categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.mmp-categories span{font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--mmp-accent)}
.mmp-title{margin:0 0 16px!important;font-size:22px!important;line-height:1.25!important}
.mmp-title a{color:var(--mmp-text)!important;text-decoration:none!important}
.mmp-button{display:inline-flex;align-items:center;gap:8px;color:var(--mmp-accent)!important;text-decoration:none!important;font-weight:700}
.mmp-button span{transition:transform .2s ease}
.mmp-button:hover span{transform:translateX(4px)}
.mmp-notice{padding:16px 18px;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:8px}
@media (max-width:960px){.mmp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mmp-portfolio{padding-top:50px}}
@media (max-width:640px){.mmp-portfolio{width:min(100% - 28px,1240px);padding:38px 0 55px}.mmp-grid{grid-template-columns:1fr;gap:20px}.mmp-heading{margin-bottom:26px}.mmp-heading p{font-size:16px}.mmp-filters{gap:8px;margin-bottom:24px}.mmp-filter{padding:9px 14px;font-size:14px}.mmp-card-body{padding:18px}.mmp-title{font-size:20px!important}}