.mbti-social{background:#fff;color:#494c50;font-family:inherit;line-height:1.6;padding:64px 48px 10px;text-align:center}.mbti-social__headline,.mbti-social__headline h2{color:#494c50;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 8px;text-align:center}.mbti-social__row{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:32px 0}.mbti-social__row--1{grid-template-columns:1fr;margin:32px auto;max-width:520px}.mbti-social__row--2{grid-template-columns:repeat(2,1fr);margin:32px auto;max-width:900px}.mbti-social__row--4{grid-template-columns:repeat(4,1fr)}.mbti-social__card{background:#fff;border:none;border-radius:6px;box-shadow:0 28px 28px -8px rgba(0,0,0,.11);display:flex;flex-direction:column;padding:36px 38px 32px;text-align:left}.mbti-social__stars{display:flex;gap:2px;margin-bottom:20px}.mbti-social__stars svg{height:18px;width:18px}.mbti-social__quote,.mbti-social__quote p{color:#494c50;flex:1;font-size:14px;font-style:normal;font-weight:400;line-height:1.556;margin:0 0 20px;max-width:100%}.mbti-social__quote p{flex:0}.mbti-social__divider{background:#d7d7d7;height:1px;margin-bottom:20px;width:100%}.mbti-social__attribution{align-items:center;display:flex;gap:16px}.mbti-social__avatar{background:#f1f6f8;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.mbti-social__avatar img{display:block;height:100%;object-fit:cover;width:100%}.mbti-social__quote-icon{flex-shrink:0}.mbti-social__quote-icon svg{height:36px;width:48px}.mbti-social__attr-text{display:flex;flex-direction:column;gap:2px}.mbti-social__attr-name{color:#494c50;font-size:16px;font-weight:700;line-height:1.556}.mbti-social__attr-role{color:#6a9039;font-size:13px;font-weight:600;line-height:1.3125}@media (max-width:1024px){.mbti-social{padding:48px 32px 10px}.mbti-social__row,.mbti-social__row--3,.mbti-social__row--4{grid-template-columns:repeat(2,1fr)}.mbti-social__headline,.mbti-social__headline h2{font-size:24px}}@media (max-width:640px){.mbti-social{padding:36px 20px 10px}.mbti-social__row,.mbti-social__row--2,.mbti-social__row--3,.mbti-social__row--4{grid-template-columns:1fr;max-width:none}.mbti-social__card{padding:28px 24px 24px}.mbti-social__headline,.mbti-social__headline h2{font-size:20px}}