/* Quiet, unframed interludes. The surrounding page owns section spacing. */
.ab-motion {
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  background: transparent;
  color: #0c2340;
  contain: layout paint;
}
.ab-motion > canvas {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ab-motion-morph {
  height: clamp(250px, 28vw, 380px);
  /* Mirror the supporter ribbon's lower padding around the centered artwork. */
  margin-bottom: var(--ab-morph-gap, 48px);
}
.ab-motion-tube,
.ab-motion-globe {
  width: min(100%, 380px);
  margin-inline: 0 auto;
}
.ab-motion-tube { height: 210px; }
.ab-motion-globe { height: 280px; }
@media (max-width: 559px) {
  .ab-motion-morph { height: 300px; }
  .ab-motion-tube,
  .ab-motion-globe { width: min(100%, 300px); }
  .ab-motion-tube { height: 180px; }
  .ab-motion-globe { height: 240px; }
}