/* ============================================================
   PRAXUS — Orion room. Sits on top of style.css + update.css +
   athletes.css (the room design system). Only Orion-specific
   overrides live here: the constellation, the wordmark treatment,
   and small link/sign styles.
   ============================================================ */

/* the hero word: ORION is a lockup, not a dictionary entry word,
   so it gets caps + tracking instead of the aristeia italic form */
.orion-word {
  letter-spacing: 0.34em;
  text-indent: 0.34em; /* optically recenter the tracked caps */
  text-transform: uppercase;
}

/* ---- the constellation ---- */
.orion-hero { position: relative; }

.orion-const {
  position: absolute;
  top: 50%;
  right: clamp(8px, 7vw, 120px);
  transform: translateY(-54%);
  width: clamp(180px, 24vw, 320px);
  height: auto;
  pointer-events: none;
  z-index: 0;
  opacity: 0.85;
}

.orion-hero .hero-inner { position: relative; z-index: 1; }

.oc-lines path {
  fill: none;
  stroke: rgba(181, 223, 211, 0.14);
  stroke-width: 0.6;
}

.oc-stars circle {
  fill: rgba(181, 223, 211, 0.55);
}

.oc-stars .oc-belt {
  fill: rgba(181, 223, 211, 0.95);
}

.oc-stars .oc-faint {
  fill: rgba(181, 223, 211, 0.28);
}

/* on narrow screens the constellation moves behind the text,
   quieter, so nothing collides */
@media (max-width: 900px) {
  .orion-const {
    right: 4vw;
    top: 42%;
    width: 180px;
    opacity: 0.35;
  }
}

/* ---- links + signature ---- */
.orion-link { color: var(--mint); }

.orion-sign {
  margin-top: 30px;
  font-family: "Space Grotesk", monospace, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--dim, rgba(234, 230, 226, 0.55));
}

/* founder links, icons only: dim at rest, mint in the hand */
.orion-icons {
  display: flex;
  gap: 18px;
  margin-top: 16px;
}

.orion-icons a {
  color: rgba(234, 230, 226, 0.45);
  display: inline-flex;
  transition: color 0.2s ease;
}

.orion-icons a:hover,
.orion-icons a:focus-visible {
  color: var(--mint);
}

.orion-icons svg {
  width: 21px;
  height: 21px;
}