/* PAIN */
.pain-bg {
  background: var(--k2);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.pgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2px;
  margin-top: 48px;
}
.pc {
  background: var(--k3);
  padding: 32px 28px;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
}
.pc:first-child {
  border-radius: 16px 0 0 16px;
}
.pc:last-child {
  border-radius: 0 16px 16px 0;
}
@media (max-width: 640px) {
  .pc {
    border-radius: 0 !important;
  }
  .pc:first-child {
    border-radius: 16px 16px 0 0 !important;
  }
  .pc:last-child {
    border-radius: 0 0 16px 16px !important;
  }
}
.pc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  transition: opacity 0.3s;
  opacity: 0;
}
.pc:nth-child(1)::after {
  background: var(--o);
}
.pc:nth-child(2)::after {
  background: var(--bl);
}
.pc:nth-child(3)::after {
  background: var(--g);
}
.pc:nth-child(4)::after {
  background: var(--o);
}
.pc:hover {
  background: #1d1d1d;
}
.pc:hover::after {
  opacity: 1;
}
.pbn {
  font-family: "Cormorant Garamond", serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 16px;
  right: 20px;
}
.pc:nth-child(1) .pbn {
  color: var(--o);
  opacity: 0.12;
}
.pc:nth-child(2) .pbn {
  color: var(--bl);
  opacity: 0.12;
}
.pc:nth-child(3) .pbn {
  color: var(--g);
  opacity: 0.12;
}
.pc:nth-child(4) .pbn {
  color: var(--o);
  opacity: 0.12;
}
.pc h3 {
  font-family: "Cormorant Garamond", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 10px;
  position: relative;
}
.pc p {
  font-size: 13px;
  color: var(--w3);
  line-height: 1.7;
  position: relative;
}