.pillars {
  padding-block: var(--section-pad-y);
  position: relative;
}

.pillars__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 382px;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

.pillars__grid .pillar-card:nth-child(1) {
  grid-column: 1 / 3;
}

.pillars__grid .pillar-card:nth-child(2) {
  grid-column: 3 / 6;
}

.pillars__grid .pillar-card:nth-child(3) {
  grid-column: 1 / 4;
}

.pillars__grid .pillar-card:nth-child(4) {
  grid-column: 4 / 6;
}

/* Narrow cards: illustration centered above the copy */
.pillar-card--integration .pillar-card__media img {
  /* top: 5%;
  left: 50%; */
  top: -5%;
  left: 75%;
  transform: translateX(-50%);
  width: min(300px, 58%);
}

.pillar-card--automation .pillar-card__media img {
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
  width: min(300px, 55%);
}

/* Wide cards: illustration to the side, copy constrained to the left */
.pillar-card--literacy {
  justify-content: center;
}

.pillar-card--literacy .pillar-card__media img {
  top: var(--space-3);
  right: var(--space-3);
  width: min(347px, 46%);
}

.pillar-card--security .pillar-card__media img {
  top: 50%;
  right: 0;
  transform: translateY(-52%);
  height: 85%;
  width: auto;
}

.pillar-card--literacy .pillar-card__content,
.pillar-card--security .pillar-card__content {
  max-width: 360px;
}

@media (max-width: 1023px) {
  .pillars__grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
  }

  .pillars__grid .pillar-card:nth-child(n) {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  .pillars__grid {
    grid-template-columns: 1fr;
  }
}