/* AVORA / Ideas become a brand. This is a living interaction, not a video. */
.hero-art.constellation-ready {
  pointer-events: auto;
}
.constellation-canvas {
  display: none;
  position: absolute;
  left: -16%;
  top: -11%;
  width: 132%;
  height: 122%;
  z-index: 2;
  pointer-events: none;
}
.constellation-ready .constellation-canvas {
  display: block;
  animation: intro-fade 1.8s ease calc(var(--intro-delay, 0s) + 0.2s) both;
}
.constellation-ready .orbital-field {
  display: none;
}
.constellation-ready .orbit-note {
  display: none;
}
.constellation-ready .hero-sculpture img {
  transition:
    opacity 0.9s ease,
    filter 1.1s ease;
}
.constellation-ready .art-label {
  transition: opacity 0.6s ease;
}
.constellation-ready.is-converging .hero-sculpture img {
  opacity: 0;
  filter: blur(16px);
}
.constellation-ready.is-converging .art-label {
  opacity: 0;
}
.constellation-trigger {
  pointer-events: auto;
  position: absolute;
  inset: -1% -5%;
  z-index: 5;
  background: none;
  border: 0;
  border-radius: 50%;
  color: #f5f5f0;
  padding: 0;
  cursor: pointer;
  touch-action: pan-y;
}
.constellation-trigger:focus-visible {
  outline: 1px solid #8fb996;
  outline-offset: 3px;
}
.constellation-invitation {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  padding: 13px 20px;
  border-radius: 50px;
  border: 1px solid #8fb99670;
  background: #07100ddd;
  backdrop-filter: blur(12px);
  font: 400 13px var(--font);
  letter-spacing: 0.01em;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.constellation-trigger:hover .constellation-invitation,
.constellation-trigger:focus-visible .constellation-invitation {
  border-color: #8fb996;
  background: #15301fe8;
  box-shadow: 0 0 36px #8fb99625;
}
.constellation-symbol {
  color: #8fb996;
  font-size: 20px;
  animation: avora-spin 18s linear infinite;
}
.is-converging .constellation-invitation {
  border-color: #8fb996aa;
  background: #07100ded;
}
.constellation-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 760px) {
  .constellation-canvas {
    left: -10%;
    width: 120%;
    top: -7%;
    height: 114%;
  }
  .constellation-trigger {
    inset: 0;
  }
  .constellation-invitation {
    bottom: 0;
    padding: 10px 16px;
    gap: 10px;
    font-size: 12px;
  }
  .constellation-ready .label-three {
    bottom: 52px;
  }
}