/** Progressive enhancement of the existing header logo; dimensions stay unchanged. */
.site-header__brand {
  --logo-motion-enabled: 1;
  position: relative;
}

.site-header__brand.site-header__brand--animated {
  background-image: none !important;
}

.site-header__brand .site-header__logo-motion {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.site-header__logo-dot {
  transform-box: fill-box;
  transform-origin: 50% 50%;
}