/* Helix corner title */
.helix-title {
  top:  var(--helix-title-y, 8vh);
  left: var(--helix-title-x, 5vw);
  text-align: left;
}
.helix-title .we-are {
  font-family: 'Courier New', monospace;
  font-size: clamp(11px, 1.1vw, 14px);
  letter-spacing: 0.5em;
  color: rgba(150, 255, 170, 0.65);
  margin: 0 0 6px 0;
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.6);
}
.helix-title h2 {
  margin: 0;
  font-family: 'Courier New', monospace;
  font-weight: 900;
  font-size: clamp(28px, 4.2vw, 64px);
  letter-spacing: 0.18em;
  color: #f4fff8;
  text-shadow:
    0 0 10px rgba(108, 255, 138, 0.9),
    0 0 28px rgba(0, 255, 65, 0.7),
    0 0 60px rgba(0, 255, 65, 0.4);
}
.helix-title .tagline {
  margin-top: 14px;
  max-width: 360px;
  font-family: 'Courier New', monospace;
  font-size: clamp(12px, 1.05vw, 14px);
  letter-spacing: 0.12em;
  line-height: 1.7;
  color: rgba(180, 255, 200, 0.7);
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.5);
}

/* Sphere section — centered */
.sphere-title {
  top:  var(--sphere-title-y, 12vh);
  left: var(--sphere-title-x, 50%);
  text-align: center;
}
.sphere-title h2 {
  margin: 0;
  font-family: 'Courier New', monospace;
  font-weight: 900;
  font-size: clamp(28px, 4.2vw, 64px);
  letter-spacing: 0.22em;
  color: #f4fff8;
  text-shadow: 0 0 10px rgba(108, 255, 138, 0.9), 0 0 28px rgba(0, 255, 65, 0.7);
}
.sphere-title .sub { font-family: 'Courier New', monospace; font-size: clamp(10px, 1vw, 13px); letter-spacing: 0.45em; color: rgba(150, 255, 170, 0.6); margin-top: 10px; }

/* Torus / contact section — bottom-right */
.torus-title {
  bottom: var(--torus-title-y, 12vh);
  right:  var(--torus-title-x, 6vw);
  text-align: right;
  max-width: 460px;
}
.torus-title h2 {
  margin: 0;
  font-family: 'Courier New', monospace;
  font-weight: 900;
  font-size: clamp(24px, 3.5vw, 52px);
  letter-spacing: 0.2em;
  color: #f4fff8;
  text-shadow: 0 0 10px rgba(108, 255, 138, 0.9), 0 0 28px rgba(0, 255, 65, 0.7);
}
.torus-title .body {
  margin-top: 14px;
  font-family: 'Courier New', monospace;
  font-size: clamp(11px, 1vw, 13px);
  letter-spacing: 0.14em;
  line-height: 1.85;
  color: rgba(180, 255, 200, 0.75);
  text-shadow: 0 0 8px rgba(0, 255, 65, 0.45);
}
.torus-title .links { margin-top: 18px; display: flex; gap: 14px; justify-content: flex-end; }
.torus-title .links a {
  pointer-events: auto;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  letter-spacing: 0.3em;
  color: #9cffb0;
  text-decoration: none;
  padding: 6px 12px;
  border: 1px solid rgba(0, 255, 65, 0.4);
  transition: all 0.2s ease;
}
.torus-title .links a:hover {
  color: #f4fff8;
  border-color: rgba(0, 255, 65, 0.85);
  background: rgba(0, 255, 65, 0.08);
}