.work {
  background: var(--milk)
}

.work-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px
}

.work-card {
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.card-number {
  position: absolute;
  right: 28px;
  top: 27px;
  font-size: 11px;
  letter-spacing: 1px;
  color: var(--muted)
}

.work-symbol {
  font: 50px/1 var(--display);
  color: var(--purple);
  margin-bottom: 32px
}

.work-card p {
  font-size: 14px;
  color: var(--muted)
}

.work-card .text-link {
  margin-top: auto
}

.work-card:nth-child(2) {
  background: var(--lilac);
  border-color: transparent
}

.work-card h3 {
  margin-bottom: 18px
}