/* Reusable contact promotion: page-specific text stays in page HTML. */
.contact-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px}.contact-promo-grid article{padding:40px 50px;background:#fff;display:flex;flex-direction:column}.contact-promo-grid p{font-size:16px;line-height:2.2;margin-bottom:30px}.contact-promo-grid .button{margin-top:auto;align-self:center;width:100%;max-width:400px}
@media(min-width:768px) and (max-width:1050px){.contact-promo-grid article{padding:30px}.contact-promo-grid .button{font-size:13px}}
@media(max-width:767px){.contact-promo h2{font-size:22px;letter-spacing:.03em}.contact-promo-grid{grid-template-columns:1fr;gap:18px;margin-top:24px}.contact-promo-grid article{padding:24px}.contact-promo-grid p{font-size:12px;line-height:2;margin-bottom:20px}.contact-promo-grid .button{max-width:290px;padding-inline:22px;font-size:11px}}

/* Invert the cards against the section background. */
.contact-promo:not(.section-gray) .contact-promo-grid article{background:var(--color-gray)}