.philosophy-pillars {
  padding-block: var(--space-philosophy-pillars-padding-block);
}

.philosophy-pillars__container,
.philosophy-pillars__heading,
.philosophy-pillars__card,
.philosophy-pillars__card-copy {
  display: flex;
  flex-direction: column;
}

.philosophy-pillars__container { gap: var(--space-philosophy-pillars-section-gap); }

.philosophy-pillars__heading {
  align-items: center;
  gap: var(--space-philosophy-pillars-heading-gap);
  text-align: center;
}

.philosophy-pillars__eyebrow,
.philosophy-pillars__title,
.philosophy-pillars__description,
.philosophy-pillars__card-title,
.philosophy-pillars__card-description {
  margin: 0;
}

.philosophy-pillars__eyebrow {
  color: var(--color-trusted);
  font-size: var(--fs-philosophy-pillars-eyebrow);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-eyebrow);
  line-height: var(--lh-compact);
  text-transform: uppercase;
}

.philosophy-pillars__title {
  color: var(--color-text);
  font-size: var(--fs-philosophy-pillars-title);
  font-weight: var(--fw-bold);
  letter-spacing: var(--tracking-eyebrow);
  line-height: var(--lh-heading);
}

.philosophy-pillars__title em {
  color: var(--color-trusted);
  font-style: italic;
}

.philosophy-pillars__description {
  max-inline-size: var(--size-philosophy-pillars-description);
  color: var(--color-text-muted);
  font-size: var(--fs-philosophy-pillars-description);
  font-weight: var(--fw-semibold);
  line-height: 1.25;
}

.philosophy-pillars__description--mobile { display: none; }

.philosophy-pillars__panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-philosophy-pillars-panel-gap);
  padding: var(--space-philosophy-pillars-panel-padding);
  border-radius: var(--radius-philosophy-pillars-panel);
  background: var(--color-audit-card);
}

.philosophy-pillars__card {
  min-inline-size: 0;
  gap: var(--space-philosophy-pillars-card-gap);
  padding: var(--space-philosophy-pillars-card-padding);
  border: 2px dashed var(--color-team-mission-dash);
  border-radius: var(--radius-philosophy-pillars-card);
  background: var(--color-white);
}

.philosophy-pillars__icon {
  display: grid;
  inline-size: var(--size-philosophy-pillars-icon);
  block-size: var(--size-philosophy-pillars-icon);
  flex: none;
  place-items: center;
  border-radius: var(--radius-philosophy-pillars-icon);
  background: var(--color-trusted);
  color: var(--color-white);
}

.philosophy-pillars__icon .icon {
  inline-size: var(--size-philosophy-pillars-icon-graphic);
  block-size: var(--size-philosophy-pillars-icon-graphic);
}

.philosophy-pillars__card-copy { gap: var(--space-philosophy-pillars-copy-gap); }

.philosophy-pillars__card-title {
  color: var(--color-text);
  font-size: var(--fs-philosophy-pillars-card-title);
  font-weight: var(--fw-bold);
  line-height: normal;
}

.philosophy-pillars__card-description {
  color: var(--color-text-muted);
  font-size: var(--fs-philosophy-pillars-card-description);
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 1023px) {
  .philosophy-pillars__description--desktop { display: none; }
  .philosophy-pillars__description--mobile { display: block; }
  .philosophy-pillars__panel { grid-template-columns: 1fr; }
}
