.card {
  background: var(--white);
  padding: 1em;
  border-radius: 24px;

  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px 70px 33px #eaeaea;

  transform: scaleX(1) scaleY(1) translateX(5px) rotate(-1deg);
}

.card:hover {
  transform: scaleX(1.03) scaleY(1.03) translateX(0px) rotate(0deg);
}

.card__label {
  font-family: var(--mono);
}

.card__body {
  padding: 1em;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

/* Tiêu đề PHẦN */
.part-head {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: var(--s-4);
  margin: var(--s-10) 0 var(--s-5);
}

.part-head .pnum {
  font-family: var(--font-num);
  font-weight: 600;
  font-size: 2.7rem;
  line-height: 1;
  color: var(--accent);
  letter-spacing: -0.02em;
}

.part-head h2 {
  font-size: 1.5rem;
  line-height: 1.05;
}

.part-head .part-en {
  display: block;
  font-family: var(--font-mono);
  font-size: var(--fs-tiny);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--muted);
  margin-top: 3px;
}