.cc_7v6zerl2_xFbAiNXigZ .pcat { background: var(--inci-paper); color: var(--inci-ink); }
.cc_7v6zerl2_xFbAiNXigZ .pcat__head { display: grid; justify-items: center; text-align: center; margin-bottom: 3rem; }
.cc_7v6zerl2_xFbAiNXigZ .pcat__title { font-size: clamp(2.4rem, 5vw, 4.25rem); font-weight: 300; }

.cc_7v6zerl2_xFbAiNXigZ .pcat__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem 1rem;
}

@media (min-width: 900px) { .cc_7v6zerl2_xFbAiNXigZ .pcat__list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.5rem; } }

.cc_7v6zerl2_xFbAiNXigZ .pcat__item a { display: grid; justify-items: center; gap: 0.35rem; text-align: center; color: inherit; text-decoration: none; }

.cc_7v6zerl2_xFbAiNXigZ .pcat__ring {
  position: relative;
  width: 100%;
  max-width: 11rem;
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 0.35rem;
  margin-bottom: 0.9rem;
  background: transparent;
  transition: background 0.6s var(--inci-ease);
}

.cc_7v6zerl2_xFbAiNXigZ .pcat__ring::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #f6dbe4, #e3dcf3, #d9efe8, #f3e6c9, #f6dbe4);
  opacity: 0;
  transition: opacity 0.6s var(--inci-ease);
  animation: cc_7v6zerl2_xFbAiNXigZ_pcat-spin 6s linear infinite paused;
}

@keyframes cc_7v6zerl2_xFbAiNXigZ_pcat-spin { to { transform: rotate(360deg); } }

.cc_7v6zerl2_xFbAiNXigZ .pcat__ring img {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: var(--inci-white);
  box-shadow: inset 0 0 0 1px rgba(21, 21, 27, 0.04), 0 18px 40px -26px rgba(9, 12, 19, 0.45);
  transition: transform 0.9s var(--inci-ease);
}

.cc_7v6zerl2_xFbAiNXigZ .pcat__item a:hover .pcat__ring::before { opacity: 1; animation-play-state: running; }
.cc_7v6zerl2_xFbAiNXigZ .pcat__item a:hover .pcat__ring img { transform: scale(0.96); }

.cc_7v6zerl2_xFbAiNXigZ .pcat__name { display: block; font-family: var(--inci-font-soft); font-weight: 400; font-size: 1.35rem; letter-spacing: 0; }
.cc_7v6zerl2_xFbAiNXigZ .pcat__item small { display: block; color: var(--inci-gray-500); }

@media (prefers-reduced-motion: reduce) { .cc_7v6zerl2_xFbAiNXigZ .pcat__ring::before { animation: none; } }