@layer ds.block {
    .pillars-grid__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-6);
    }

    .pillars-grid__card { display: flex; flex-direction: column; gap: var(--space-4); padding: var(--space-7); }

    .pillars-grid__icon { width: 1.75rem; height: 1.75rem; color: var(--color-heading); stroke-width: 1.2; }

    .pillars-grid__title { margin: 0; font-family: var(--font-display); font-size: var(--text-h3); font-weight: var(--font-weight-bold); color: var(--color-heading); }

    .pillars-grid__text { margin: 0; font-size: var(--text-body); line-height: var(--line-height-base); color: var(--color-text); }

    @media (max-width: 64rem) {
        .pillars-grid__grid { grid-template-columns: 1fr; }
    }
}