/* ============================================
   Project meta — fixed right rail (matches section nav type)
   ============================================ */

.project-meta-rail {
  position: fixed;
  right: max(var(--space-3), calc((100vw - var(--max-width)) / 2 - 11rem));
  top: 50%;
  transform: translateY(-50%);
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
  pointer-events: none;
}

.project-meta-rail__item {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking);
  color: var(--color-mocha-3);
  text-align: right;
  white-space: nowrap;
  pointer-events: auto;
}

.project-meta-rail__link {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s var(--ease-standard);
}

.project-meta-rail__link:hover,
.project-meta-rail__link:focus-visible {
  color: var(--color-text-primary);
}

/* Hero — below project title (Pulse) */
.has-project-meta-hero .project-meta-rail--hero {
  position: static;
  top: auto;
  right: auto;
  transform: none;
  align-items: flex-start;
  gap: var(--space-1);
  pointer-events: auto;
}

.has-project-meta-hero .project-meta-rail--hero .project-meta-rail__item {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking);
  color: var(--color-text-secondary);
  text-align: left;
  white-space: normal;
}

/* Scrolly — fixed right sidebar: small type, vertically centered (hidden on hero) */
body.has-project-nav:has(.project-scrolly) .project-meta-rail--sidebar {
  position: fixed;
  top: 50%;
  right: max(var(--space-3), calc((100vw - var(--max-width)) / 2 - 11rem));
  transform: translateY(-50%);
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  height: var(--project-nav-rail-height);
  gap: var(--space-1);
  padding: 0;
  pointer-events: none;
}

body.has-project-nav:has(.project-scrolly) .project-meta-rail--sidebar .project-meta-rail__item {
  font-size: var(--text-xs);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--color-mocha-3);
  text-align: right;
  white-space: nowrap;
  pointer-events: auto;
}

@media (max-width: 1280px) {
  .project-meta-rail--sidebar {
    display: none;
  }
}