/* Preserve the original logo artwork and geometry during its opening motion. */
.arm-top .hero-brand[data-logo-particles] {
  position: relative;
  opacity: 1;
  filter: none;
  animation: none;
}
.arm-top .hero-brand[data-logo-particles] .official-hero {
  opacity: var(--logo-original-opacity, 1);
}
.arm-top .hero-brand[data-logo-particles="waiting"] .official-hero { opacity: 0; }
.arm-top .hero-logo-particles {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.arm-top .logo-motion-stop {
  position: absolute;
  left: clamp(22px, 3vw, 48px);
  bottom: 72px;
  z-index: 3;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #d2dce5;
  border-radius: 6px;
  background: #ffffffe6;
  color: #526571;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.arm-top .logo-motion-stop:focus-visible {
  outline: 2px solid #126b9f;
  outline-offset: 3px;
}
.arm-top .logo-motion-stop[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .arm-top .hero-brand[data-logo-particles] .official-hero { opacity: 1; }
  .arm-top .hero-logo-particles, .arm-top .logo-motion-stop { display: none; }
}