/* Keep the original galaxy/text absorption, with no surrounding decoration. */
.site-header .brand { isolation: isolate; }
.site-header .brand::after,
.site-header .brand-mark::before,.site-header .brand-mark::after,
.site-header .brand-text::before,.site-header .brand-text::after { content: none; }
.site-header .brand-mark {
  position: relative;
  z-index: 2;
  transition: transform .95s cubic-bezier(.2,.75,.15,1);
}
.site-header .brand img {
  animation: brand-galaxy-spin 24s linear infinite;
  filter: none;
  transition: none;
}
.site-header .brand:is(:hover,:focus-visible) img { animation-duration: 24s; filter: none; }
.site-header .brand-text { position: relative; z-index: 1; }
.site-header .brand-text span,
.site-header .brand:is(:hover,:focus-visible) .brand-text span {
  transform-origin: center;
  transform: none;
  opacity: 1;
  filter: none;
  animation: none;
  transition: none;
  will-change: auto;
}
/* The wrapper reacts without resetting the inner galaxy's rotation phase. */
html:not(.low-detail) .site-header .brand.brand-absorbing .brand-mark {
  transform: translateX(2px) rotate(85deg) scale(1.32);
}
html:not(.low-detail) .site-header .brand.brand-absorbing:active .brand-mark {
  transform: translateX(2px) rotate(115deg) scale(1.16);
}
.site-header .brand:focus-visible { outline: 2px solid #8bdcff; outline-offset: 10px; border-radius: 6px; }
@keyframes brand-galaxy-spin {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.035); }
  100% { transform: rotate(360deg) scale(1); }
}
.low-detail .site-header .brand-mark,
.low-detail .site-header .brand:is(:hover,:focus-visible) .brand-mark { transform: none; }
@media (prefers-reduced-motion: reduce) {
  .site-header .brand-mark,.site-header .brand:is(:hover,:focus-visible) .brand-mark { transform: none !important; }
}