/* Quiet catalog depth: no fades, letter splitting, or horizontal overflow. */
.index-motion-ready .index-collection {
  translate: 0 var(--index-panel-y, 0px);
}
.index-motion-ready .index-heading h2 {
  translate: 0 var(--index-heading-y, 0px);
}
.index-motion-ready .index-heading > p[data-selectable] {
  translate: 0 var(--index-description-y, 0px);
}
.index-motion-ready .index-collection-heading h3 {
  translate: 0 var(--index-label-y, 0px);
}
.index-motion-ready .index-title-text {
  display: block;
  translate: 0 var(--index-title-y, 0px);
}
.index-motion-ready .index-roles {
  translate: 0 var(--index-roles-y, 0px);
}
/* The text has its own depth; keep the original anchor box steady on hover. */
.project-index.index-motion-ready .index-world:hover { transform: none; }
/* The entire entry lifts as one piece; its grid and neighbours keep their size. */
.index-motion-ready .index-row {
  --index-hover: 0;
  position: relative;
  isolation: isolate;
  z-index: 0;
  transform-origin: 50% 0;
  transform: translateY(calc(var(--index-hover) * -3px)) scale(calc(1 + var(--index-hover) * .035));
}
.index-motion-ready .index-row.is-index-raised { z-index: 2; }
.index-motion-ready .index-row.is-index-active { z-index: 3; }
.project-index.index-motion-ready .index-row:hover { background: transparent; }
.index-motion-ready .index-row::before {
  content: "";
  position: absolute;
  inset: -2px -8px;
  z-index: -1;
  pointer-events: none;
  opacity: var(--index-hover);
  border: 1px solid color-mix(in srgb, var(--catalog-accent) 34%, var(--line));
  border-radius: 3px;
  background: linear-gradient(115deg, color-mix(in srgb, var(--catalog-accent) 9%, var(--bg)), var(--bg) 95%);
  box-shadow: 0 15px 32px -12px #0008;
}
.index-motion-ready .index-row::after {
  content: "";
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: -8px;
  width: 3px;
  background: var(--catalog-accent);
  transform: scaleY(var(--index-hover));
  transform-origin: center;
  pointer-events: none;
}
.index-motion-ready .index-row .index-external-arrow {
  display: inline-block;
  transform: translate(calc(var(--index-hover) * 3px), calc(var(--index-hover) * -3px));
}
.index-motion-ready .index-row.is-index-active .index-world { color: var(--catalog-accent); }
[data-theme="light"] .index-motion-ready .index-row::before {
  box-shadow: 0 13px 30px -14px #35265545;
}
@media (max-width: 1049px), (hover: none), (pointer: coarse) {
  .index-motion-ready .index-row { transform: none; }
  .index-motion-ready .index-row::before,
  .index-motion-ready .index-row::after { display: none; }
  .index-motion-ready .index-row .index-external-arrow { transform: none; }
}
@media print {
  .index-motion-ready .index-collection,
  .index-motion-ready .index-heading h2,
  .index-motion-ready .index-heading > p[data-selectable],
  .index-motion-ready .index-collection-heading h3,
  .index-motion-ready .index-title-text,
  .index-motion-ready .index-roles { translate: none !important; }
  .index-motion-ready .index-row,
  .index-motion-ready .index-row .index-external-arrow { transform: none !important; }
  .index-motion-ready .index-row::before,
  .index-motion-ready .index-row::after { display: none; }
}