/* Keep the existing service cards, with equal spacing within and between rows. */
.services-directory{display:grid;row-gap:32px}
.services-directory .service-showcase{gap:32px}
.services-directory .service-title{padding:36px 32px 24px}
.services-directory .service-title>.eyebrow{display:block;margin-bottom:20px;line-height:1.5}
@media(max-width:800px){
 .services-directory{row-gap:24px}
 .services-directory .service-showcase{gap:24px}
 .services-directory .service-title{padding:28px 24px 20px}
}

.services-directory .payment-brand{display:block;margin:14px 0 12px;height:36px}
.services-directory .payment-brand img{display:block;width:auto;height:36px;max-width:100%;object-fit:contain}
.services-directory .service-title h3:has(.payment-brand)>.serif{display:block}
