/* Social contract: opening a business, with a fictional advertising portrait. */
.mm-social .mm-social__box { grid-template-columns: 52% 48%; background: #1c3d31; }
.mm-social .mm-social__main { padding: 42px 44px 40px; background: radial-gradient(ellipse at 0 0, #2a5141, transparent 75%); }
.mm-social .mm-social__title { font-size: clamp(34px, 3.1vw, 46px); line-height: 1.08; letter-spacing: -.025em; margin: 0 0 24px; }
.mm-social .mm-social__funding { margin-bottom: 22px; }
.mm-social .mm-social__amount { display: flex; align-items: baseline; gap: 12px; margin: 0 0 6px; font-size: 58px; line-height: 1; font-weight: 750; letter-spacing: -.025em; color: #dcebc4; white-space: nowrap; }
.mm-social .mm-social__amount span { font-size: .4em; font-weight: 500; letter-spacing: 0; }
.mm-social .mm-social__funding-caption { margin: 0; font-size: 17px; line-height: 1.4; color: #edf3e8; }
.mm-social .mm-social__text { margin: 0 0 24px; font-size: 16px; max-width: 450px; color: #e0e9e1; }
.mm-social .mm-social__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.mm-social .mm-social__actions .mm-btn { min-height: 54px; font-size: 16px; padding: 0 24px; }
.mm-social .mm-social__details { display: inline-flex; align-items: center; gap: 10px; color: #edf3e8; font-size: 14px; line-height: 1.5; }
.mm-social .mm-social__details:hover { color: #dcebc4; }
.mm-social .mm-social__details:focus-visible, .mm-social .mm-btn:focus-visible { outline: 2px solid #dcebc4; outline-offset: 5px; }
.mm-social .mm-social__portrait { position: relative; min-width: 0; background: #e5dfd0; overflow: hidden; }
.mm-social .mm-social__portrait img { position: absolute; inset: 0; width: 100% !important; max-width: none !important; height: 100%; object-fit: cover; object-position: 48% 50%; }
.mm-social .mm-social__step { padding: 22px 28px; }
@media (max-width: 991px) {
 .mm-social .mm-social__box { grid-template-columns: 1fr 1fr; }
 .mm-social .mm-social__main { padding: 32px 28px; }
 .mm-social .mm-social__amount { font-size: 44px; }
 .mm-social .mm-social__title { font-size: 34px; }
 .mm-social .mm-social__steps { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
 .mm-social .mm-social__box { grid-template-columns: 1fr; }
 .mm-social .mm-social__main { padding: 30px 24px; }
 .mm-social .mm-social__title { font-size: 34px; }
 .mm-social .mm-social__amount { font-size: clamp(36px, 10.4vw, 52px); gap: 8px; }
 .mm-social .mm-social__portrait { height: 330px; }
 .mm-social .mm-social__portrait img { object-position: 50% 38%; }
 .mm-social .mm-social__actions .mm-btn { width: 100%; padding: 0 12px; font-size: 15px; }
 .mm-social .mm-social__step { padding: 18px 24px; }
}