/* V6 — TON 618 uses the same free-floating 3D presentation as the other Atlas objects. */
.stage-0 .atlas-focus {
  width: min(58vw, 780px) !important;
  right: 3.5vw !important;
}

.stage-0 .focus-image {
  inset: 9% !important;
  border-radius: 50% !important;
  background-image: url('assets/images/ton618-orb-3d.png');
  background-size: cover !important;
  background-position: center !important;
  -webkit-mask-image: radial-gradient(circle at center, #000 0 55%, #000 63%, transparent 75%) !important;
  mask-image: radial-gradient(circle at center, #000 0 55%, #000 63%, transparent 75%) !important;
  filter: saturate(1.28) contrast(1.1) drop-shadow(0 0 34px rgba(255, 154, 45, .44)) !important;
}

.stage-0 .focus-image::after {
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 49%, transparent 0 28%, rgba(255, 203, 129, .08) 46%, transparent 69%),
    linear-gradient(118deg, rgba(255, 231, 190, .13), transparent 37%, rgba(255, 255, 255, .08) 58%, transparent 74%) !important;
}

.stage-0 .focus-orbit {
  border-color: rgba(255, 202, 123, .34) !important;
  box-shadow: 0 0 35px rgba(255, 155, 46, .15), inset 0 0 28px rgba(255, 215, 160, .08) !important;
}

@media (max-width: 800px) {
  .stage-0 .atlas-focus {
    width: 105vw !important;
    right: -31vw !important;
  }
}

@media (max-width: 560px) {
  .stage-0 .atlas-focus {
    width: 112vw !important;
    right: -35vw !important;
  }
}