/* Approved scroll behavior with optimized background rendering. */
.world-image {
  inset: -34vh -12vw;
  background-image: url("./assets/interior-depth.webp");
  transform: translate3d(0, var(--bg-y), 0) scale(1.08);
  filter: none;
  backface-visibility: hidden;
  contain: paint;
}

.world-shade {
  background:
    linear-gradient(90deg, rgba(4, 10, 16, .88), rgba(4, 10, 16, .62) 31%, rgba(4, 10, 16, .10) 68%, rgba(4, 10, 16, .24)),
    linear-gradient(180deg, rgba(4, 10, 16, .04), rgba(4, 10, 16, .42));
}

.world-light {
  background: radial-gradient(40vw 40vw at 68% 38%, rgba(215, 170, 127, .14), transparent 72%);
  mix-blend-mode: normal;
}

.site-header,
.button-ghost,
.glass,
.orbit-card,
.risk-card,
.timeline article {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.site-header { background: rgba(4, 10, 16, .91); }
.glass { background: linear-gradient(135deg, rgba(17, 29, 39, .94), rgba(7, 14, 21, .88)); }
.orbit-card { background: rgba(6, 14, 21, .92); }
.risk-card { background: rgba(8, 17, 25, .9); }
.timeline article { background: rgba(6, 14, 21, .91); }

@media (max-width: 920px) {
  .world-image {
    inset: -24vh -44vw;
    transform: translate3d(0, var(--bg-y), 0) scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .world-image { transform: translate3d(0, 0, 0) scale(1.06); }
}