/* Material lighting adds life to the approved vector; it never replaces it. */
.foundation-atlas-illustration { position: relative; }
.foundation-light-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  opacity: 0;
  transition: opacity .65s ease;
}
.foundation-atlas[data-lighting="ready"] .foundation-light-canvas { opacity: 1; }
.foundation-atlas[data-artwork-paused="true"] .foundation-light-canvas { opacity: 0; }
.foundation-atlas[data-artwork-paused="true"] .foundation-signal { animation-play-state: paused !important; }
.foundation-atlas:not(.is-in-view) .foundation-signal { animation-play-state: paused !important; }
.foundation-atlas[data-lighting] .foundation-atlas-illustration :is(#engine,#agents,#platforms) { transition: none; }
.foundation-motion-control {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  margin-block: -12px;
  padding: 8px 0 8px 12px;
  border: 0;
  background: transparent;
  color: #497569;
  font: 500 10px/1.4 var(--mono);
  letter-spacing: .02em;
  cursor: pointer;
}
.foundation-motion-control:hover { color: #007e70; }
.foundation-motion-control:focus-visible { outline: 2px solid #008575; outline-offset: 3px; }
.foundation-motion-icon { width: 14px; height: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; }
.foundation-motion-icon::before,.foundation-motion-icon::after { content:''; display:block; width:2px; height:9px; background:currentColor; }
.foundation-motion-control[aria-pressed="true"] .foundation-motion-icon::before { width:0; height:0; border:5px solid transparent; border-left:7px solid currentColor; border-right:0; background:none; }
.foundation-motion-control[aria-pressed="true"] .foundation-motion-icon::after { display:none; }
.foundation-motion-control:disabled { opacity: .6; cursor: default; }
@media(max-width:760px) {
  .foundation-light-canvas { transform: scale(1.1); transform-origin: 50% 50%; }
  .foundation-motion-control { font-size: 9px; gap: 6px; min-height: 44px; margin-block: -12px; white-space: nowrap; }
}
@media(prefers-reduced-motion:reduce) { .foundation-light-canvas { display:none; } }
html[data-motion="reduced"] .foundation-light-canvas { display:none; }