/* Quiet depth behind the existing artwork and travelling responder. */
.mission-page main > section { isolation: isolate; }
.mission-atmosphere {
  --field-rgb: 189, 207, 129;
  position: absolute; inset: 0; z-index: -1; overflow: clip;
  pointer-events: none; user-select: none; contain: paint;
}
.mission-atmosphere__light {
  position: absolute; width: 110%; height: 120%; top: -25%; right: -35%;
  pointer-events: none;
  background: radial-gradient(ellipse at 60% 30%, rgba(var(--field-rgb),.12), transparent 65%);
}
.mission-atmosphere.is-near [data-depth] { will-change: transform; }

/* Remove decorative linework; retain the character's own platform. */
.mission-page .hero-section::after,
.mission-page :is(.mission-orbit,.dl-bg-grid,.trl-scanlines,.nu-scanlines,.fb-scanlines) { display: none; }

.mission-page #home .mission-atmosphere { z-index: 1; --field-rgb: 243,205,82; }
#home .mission-atmosphere__light { top: -10%; right: -25%; height: 140%; opacity: .65; }
#features .mission-atmosphere { --field-rgb: 243,181,82; }
#features .mission-atmosphere__light { right: -30%; }
#team .mission-atmosphere { --field-rgb: 59,79,39; }
#team .mission-atmosphere__light { opacity: .3; }
#media .mission-atmosphere__light { right: 15%; top: 0; }
#trailer .mission-atmosphere__light { top: -45%; opacity: .6; }
#trailer.is-cinema-playing .mission-atmosphere { opacity: .25; }
#downloads .mission-atmosphere { --field-rgb: 69,96,47; }
#downloads .mission-atmosphere__light { opacity: .28; }
#feedback .mission-atmosphere__light { opacity: .6; }

.mission-page .hero-background { transform: translate3d(var(--art-x,0px),var(--art-y,0px),0); }
.mission-page .hero-vignette { pointer-events: none; }
.mission-page .mission-hero-bottom { z-index: 3; }
.mission-page .sk-left { background: #141712ee; }
.mission-page .sk-panel-info { background: transparent; }
.mission-page .sk-panel-img,
.mission-page .team-group-photo img { transform: translate3d(0,var(--art-y,0px),0); }
.mission-page .ls-canvas-wrap { background: transparent; }
.mission-page .nu-feat-img { transform: translate3d(0,var(--art-y,0px),0) scale(1.06); }

.mission-page.mission-still .mission-atmosphere [data-depth] { will-change: auto; }
.mission-page.mission-still :is(.hero-background,.sk-panel-img,.team-group-photo img,.nu-feat-img) { transform: none; }
@media (max-width:768px) {
  .mission-atmosphere { opacity: .65; }
}
@media (prefers-reduced-motion:reduce) {
  .mission-page.mission-still .mission-atmosphere [data-depth], .mission-page.mission-still :is(.hero-background,.sk-panel-img,.team-group-photo img,.nu-feat-img) { transform: none !important; will-change: auto !important; }
  .mission-page:not(.mission-still) .hero-background { transform: translate3d(var(--art-x,0px),var(--art-y,0px),0) !important; }
}