/* Connected initials: static SVG first, progressive motion in brand-motion.js. */
.rw-brand .jn-symbol {
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  overflow: visible;
  color: inherit;
}
.rw-brand .jn-band { fill: currentColor; stroke: none; }
.rw-brand .jn-accent,
.rw-brand .jn-particle-accent { fill: var(--jn-symbol-accent, #d6f58a); stroke: none; }
.rw-brand .jn-band,
.rw-brand .jn-accent,
.rw-brand .jn-particle,
.rw-brand .jn-orbit,
.rw-brand .jn-sweep { transform-box: fill-box; transform-origin: center; }
.rw-brand .jn-particle { fill: currentColor; stroke: none; opacity: 0; }
.rw-brand .jn-particle-accent { fill: var(--jn-symbol-accent, #d6f58a); }
.rw-brand .jn-orbit { fill: none; stroke: currentColor; stroke-width: 1; opacity: 0; }
.rw-brand .jn-sweep { fill: #ffffff; stroke: none; opacity: 0; }
.rw-footer .rw-brand .jn-symbol { width: 34px; height: 34px; flex-basis: 34px; }
/* A keyboard focus stays still, as does the complete no-JavaScript mark. */
@media (prefers-reduced-motion: reduce) {
  .rw-brand .jn-band,
  .rw-brand .jn-accent { animation: none !important; transition: none !important; transform: none !important; opacity: 1 !important; }
  .rw-brand .jn-particle,
  .rw-brand .jn-orbit,
  .rw-brand .jn-sweep { animation: none !important; transition: none !important; opacity: 0 !important; }
}