.service-benefits__intro { margin-block-end: var(--space-12); }
/* The design intentionally places the cards edge to edge across the viewport. */
.service-benefits__grid { display: grid; grid-template-columns: repeat(var(--benefits-columns, 3), minmax(0, 1fr)); }
.service-benefits__image { filter: grayscale(1); display: block; inline-size: 100%; block-size: auto; }
@media (width < 48rem) {
    .service-benefits__intro { margin-block-end: var(--space-8); }
    .service-benefits__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding-inline: var(--container-gutter); }
    .service-benefits__media { margin-block-start: var(--space-6); }
}