.mp-page{display:block}

.mp-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.mp-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mp-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(37,50,64,0.2), rgba(37,50,64,0.7))}
.mp-hero-content{position:relative;max-width:700px;margin-inline:auto;padding:24px;color:#fff;display:flex;flex-direction:column;gap:16px}
.mp-hero-content h1{color:#fff}
.mp-hero-lead{color:#fff}

.mp-filter-bar{display:flex;gap:16px;flex-wrap:wrap}
.mp-search{flex:1;min-width:220px}
.mp-select{min-width:160px}

.mp-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mp-card{display:flex;flex-direction:column;gap:12px;height:100%}

.mp-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:900px;margin-inline:auto}

.mp-team-grid{display:grid;grid-template-columns:60% 40%;gap:32px;align-items:center}

.mp-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:800px}

.mp-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mp-article{cursor:pointer}

.mp-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}

@media(max-width:900px){
.mp-card-grid{grid-template-columns:1fr 1fr}
.mp-phase-grid{grid-template-columns:1fr}
.mp-team-grid{grid-template-columns:1fr}
.mp-case-grid{grid-template-columns:1fr}
.mp-article-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
.mp-card-grid,.mp-article-grid{grid-template-columns:1fr}
}