.commitments { gap: 18px; }.commitments article { position: relative; min-height: 330px; padding: 30px; border: 1px solid #3a455a; background: rgba(255,255,255,.035); transition: transform .25s ease, background .25s ease; }.commitments article:hover { transform: translateY(-6px); background: rgba(255,255,255,.07); }.commitments article > b { position: absolute; top: 25px; right: 25px; color: #8290a8; }.commitment-icon { display: grid; place-items: center; width: 51px; height: 51px; border: 1px solid #60708b; color: #fff; font-size: 23px; }.commitments h3 { margin: 39px 0 12px; font-size: 24px; letter-spacing: -.05em; }.commitments p { max-width: none; margin-bottom: 18px; color: #e2e6ed; }.commitment-points { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: #aeb8c9; font-size: 11px; line-height: 1.4; }.commitment-points li::before { content: '—'; margin-right: 8px; color: #f21c2d; } @media(max-width:680px){.commitments article{min-height:0;padding:25px}.commitments h3{margin-top:28px}}