/* virender surface: personal portfolio: numbered flats, no clone theatre */
:root {
  --px-card-radius: 14px;
}
.project-card,
.content-card,
.px-card {
  border-radius: 14px !important;
  border: 1px solid rgba(184, 115, 51, 0.22) !important;
  box-shadow: none !important;
  background: #f7f3ec !important;
  color: inherit;
}
.project-card.featured {
  background: linear-gradient(180deg, #f3efe8, #ebe4d8) !important;
  border-color: rgba(184, 115, 51, 0.4) !important;
}
@media (hover:hover) and (pointer:fine) {
  .project-card:hover,
  .content-card:hover,
  .px-hover:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 24px rgba(20, 34, 31, 0.08) !important;
  }
}
/* Hide shared orbital clone on personal home: keep native project language */
.orbital {
  display: none !important;
}
/* Operating strip: horizontal steps, not sticky peel */
.px-stack-stage {
  min-height: 0 !important;
  height: auto !important;
}
.px-stack-pin {
  position: static !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
  perspective: none !important;
}
.px-stack-card {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  min-height: 200px;
  background: #14221f !important;
  border-radius: 14px !important;
  border: 1px solid rgba(184, 115, 51, 0.35) !important;
}
.content-card-media.atmosphere {
  border-radius: 14px 14px 0 0;
  background:
    linear-gradient(135deg, #24302b, #14221f) !important;
}
@media (max-width: 900px) {
  .px-stack-pin { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .px-stack-pin { grid-template-columns: 1fr; }
}


/* Section indices (01 / 01a) stay; never fade them out */
.kicker, .section-kicker, .eyebrow, .px-stack-index, .panel-index, .signal-chip span, .framework-tile-visual span {
  opacity: 1 !important;
}


/* === SHIP VISIBILITY LOCK ===
   Text must stay readable even if motion JS fails. Indices stay sharp. */
.rv, .rv-left, .rv-right, .rv-scale, .rv-clip, .reveal, .fade-pre,
.word-reveal .word, .text-reveal > *,
main h2, .px-stack-head, .orbit-card, .orbital-core, .px-stack-card,
.kicker, .section-kicker, .eyebrow, .px-stack-index, .panel-index,
.signal-chip, .signal-chip span, .signal-chip strong,
.framework-tile, .framework-tile strong, .framework-tile-visual span,
.service-card, .service-card h3, .service-card p, .service-card ul, .service-card li,
.reference-card, .premium-card, .content-card, .case-card {
  opacity: 1 !important;
  visibility: visible !important;
}
.rv, .rv-left, .rv-right, .rv-scale, .fade-pre, .word-reveal .word {
  transform: none !important;
  filter: none !important;
}
.word-reveal .word { display: inline !important; }
h1 em, h2 em, h3 em, .section-title em, .panel-big em {
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  color: inherit;
}
/* Section indices: polished, always readable, never washed */
.kicker, .section-kicker, .eyebrow {
  opacity: 1 !important;
  letter-spacing: 0.14em;
  font-weight: 600;
}


/* Index language at 100: one quiet register, high contrast */
.kicker, .section-kicker, .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  opacity: 1 !important;
  color: var(--px-accent, var(--gold, var(--acid, var(--ember-bright, #c89f5d)))) !important;
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.px-stack-index, .panel-index, .framework-tile-visual span, .signal-chip span {
  opacity: 1 !important;
  color: var(--px-accent, var(--gold, var(--acid, #c89f5d))) !important;
  font-variant-numeric: tabular-nums;
}