.planetary-hero {
  position: relative;
  aspect-ratio: 16 / 9;
  isolation: isolate;
}

.planetary-hero__scene {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.planetary-hero__screen {
  position: absolute;
  left: 40.6579%;
  top: 12.5146%;
  width: calc(17.8947% + 3px);
  height: 69.0058%;
  overflow: hidden;
  border-radius: 13.8% / 6.4%;
  background: #050505;
  transform: translateZ(0);
}

.planetary-hero__screen video {
  display: block;
  width: calc(100% + 2px);
  max-width: none;
  height: 100%;
  object-fit: fill;
}

.planetary-hero__island {
  position: absolute;
  z-index: 2;
  top: 1.35%;
  left: 50%;
  width: 31.6%;
  height: 3.55%;
  border-radius: 999px;
  background: #050505;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
  transform: translateX(-50%);
  pointer-events: none;
}