/* GALAXY-05: a distant environment behind the original transparent 3D canvas. */
.galaxy-atmosphere {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse at 72% 42%, #111e33, transparent 65%);
}
.galaxy-atmosphere img {
  position: absolute;
  inset: -32px;
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  object-fit: cover;
  object-position: 58% 50%;
  opacity: 0;
}
.galaxy-atmosphere.is-loaded img { opacity: .76; }
.galaxy-atmosphere::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(7,10,16,.40),transparent 42%,rgba(7,10,16,.12)),
    linear-gradient(180deg,rgba(7,10,16,.72),transparent 35%,rgba(7,10,16,.16) 65%,rgba(7,10,16,.78));
}
.fallback .galaxy-atmosphere { display: none; }
.system-title h2 { font-weight: 600; letter-spacing: -.025em; line-height: 1.2; }
@media(max-width:767px){
  .system-title h2 { max-width: calc(100vw - 152px); font-size: clamp(24px,7.45vw,29px); }
  .galaxy-atmosphere img { object-position: 64% 50%; }
  .galaxy-atmosphere.is-loaded img { opacity: .65; }
}