/* Forward Travel v4 — standalone (без DC / support.js) */
html { scroll-behavior: auto; }
body {
  margin: 0;
  background: #07030a;
  -webkit-font-smoothing: antialiased;
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
}

@keyframes fogDrift {
  from { transform: translate3d(-3%, 2%, 0) scale(1.08); }
  to   { transform: translate3d(3%, -2%, 0) scale(1.2); }
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

#spacer { height: 860vh; }

.stage {
  position: fixed; inset: 0; overflow: hidden; perspective: 1300px;
  background: radial-gradient(135% 105% at 50% 40%, #25092a 0%, #14061a 45%, #0a0410 72%, #07030a 100%);
}
.layer { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
#bloom { mix-blend-mode: screen; }
.fog { position: absolute; inset: -30%; z-index: 1; pointer-events: none; }
#cloud { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
#world { position: absolute; inset: 0; z-index: 3; transform-style: preserve-3d; }
.vignette { position: absolute; inset: 0; z-index: 5; pointer-events: none; box-shadow: inset 0 0 260px 70px rgba(0,0,0,0.62); }