.cc_7v6zerl2_VvN8aPeTIx .cacc { background: var(--inci-paper); color: var(--inci-ink); }
.cc_7v6zerl2_VvN8aPeTIx .cacc__title { font-size: clamp(2.4rem, 5vw, 4.25rem); font-weight: 300; margin-bottom: 2.5rem; }

.cc_7v6zerl2_VvN8aPeTIx .cacc__row { display: flex; flex-direction: column; gap: 0.5rem; }

@media (min-width: 768px) {
  .cc_7v6zerl2_VvN8aPeTIx .cacc__row { flex-direction: row; height: clamp(26rem, 42vw, 36rem); gap: 0.75rem; }
}

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel {
  position: relative;
  flex: 1;
  min-width: 0;
  min-height: 5rem;
  border-radius: var(--inci-radius);
  overflow: hidden;
  background: var(--inci-night);
  color: #f6f3f8;
  cursor: pointer;
  transition: flex 1s var(--inci-ease), min-height 1s var(--inci-ease);
}

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel.is-open { flex: 4.2; min-height: 26rem; cursor: default; }

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.08);
  filter: brightness(0.7);
  transition: transform 1.6s var(--inci-ease), filter 1s var(--inci-ease);
}

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel.is-open img { transform: scale(1); filter: brightness(0.85); }

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(9, 12, 19, 0.85), rgba(9, 12, 19, 0) 60%);
}

.cc_7v6zerl2_VvN8aPeTIx .cacc__vert {
  position: absolute;
  z-index: 2;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  font-family: var(--inci-font-soft);
  font-size: 1.6rem;
  white-space: nowrap;
  transition: opacity 0.5s var(--inci-ease);
}

@media (min-width: 768px) {
  .cc_7v6zerl2_VvN8aPeTIx .cacc__vert { left: 50%; top: 1.5rem; transform: translateX(-50%) rotate(180deg); writing-mode: vertical-rl; }
}

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel.is-open .cacc__vert { opacity: 0; }

.cc_7v6zerl2_VvN8aPeTIx .cacc__body {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.75rem;
  display: grid;
  justify-items: start;
  gap: 0.5rem;
  max-width: 30rem;
  opacity: 0;
  translate: 0 1rem;
  transition: opacity 0.6s var(--inci-ease), translate 0.8s var(--inci-ease);
  pointer-events: none;
}

.cc_7v6zerl2_VvN8aPeTIx .cacc__panel.is-open .cacc__body { opacity: 1; translate: 0 0; transition-delay: 0.35s; pointer-events: auto; }
.cc_7v6zerl2_VvN8aPeTIx .cacc__body small { display: block; opacity: 0.7; }
.cc_7v6zerl2_VvN8aPeTIx .cacc__name { margin: 0; font-family: var(--inci-font-soft); font-weight: 400; font-size: clamp(2rem, 3.4vw, 2.75rem); line-height: 1; }
.cc_7v6zerl2_VvN8aPeTIx .cacc__body p { margin: 0; color: rgba(246, 243, 248, 0.78); font-weight: 400; }
.cc_7v6zerl2_VvN8aPeTIx .cacc__body .inci-ulink { margin-top: 0.75rem; color: #f6f3f8; }