/* ==========================================================================
   Case study pieces (badges, section padding and kicker, closing call to
   action), loaded only on case studies (single-case_study.php).
   ========================================================================== */

/* ==========================================================================
   HERO
   ========================================================================== */

.mmp-project-badges {
    display: flex !important;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 24px !important;
}

.mmp-project-badge {
    margin: 0 !important;
    padding: 8px 12px;
    background: var(--mmp-white);
    border: 1px solid var(--mmp-page-border);
    font-family: var(--mmp-font-body);
    font-size: .74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mmp-page-muted);
}

/* ==========================================================================
   GENERAL SECTIONS
   ========================================================================== */

.mmp-project-section {
    padding-block: 90px !important;
}

.mmp-project-kicker {
    margin: 0 0 12px !important;
    color: var(--mmp-page-sage);
    font-family: var(--mmp-font-body);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: var(--mmp-eyebrow-tracking);
}

/* ==========================================================================
   CTA
   ========================================================================== */

.mmp-project-cta {
    background: var(--mmp-page-ink);
    text-align: center;
    color: white;
}

.mmp-project-cta h2 {
    color: white !important;
}

.mmp-project-cta p {
    color: rgba(255,250,241,.82);
    max-width: 760px;
    margin: 20px auto 0 !important;
}

.mmp-project-cta .mmp-project-kicker {
    color: var(--mmp-page-gold);
}

.mmp-project-cta-buttons {
    justify-content: center !important;
    margin-top: 32px !important;
}