/* Original logo is retained; moving black strokes are clipped to its alpha. */
.xyla-animated-logo{position:relative;display:inline-block;line-height:0;flex:0 0 auto}
.xyla-logo-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:none}
.xyla-trace-line{stroke-dasharray:22 78;animation:xyla-logo-flow 4.8s linear infinite}
.xyla-trace-second{animation-delay:-2.4s}
@keyframes xyla-logo-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.xyla-logo-trace{display:none}}

/* Retain the header logo's existing dimensions; only the X changes tone. */
.site-header .wordmark .xyla-header-logo{display:inline-block;position:relative;line-height:0}
.site-header .wordmark .xyla-header-logo-image{display:block;opacity:1}
.site-header .wordmark .xyla-header-logo-image{clip-path:inset(86% 0 0 0)}
.site-header .wordmark .xyla-logo-trace{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.site-header .wordmark .xyla-header-logo-image{clip-path:none}.site-header .wordmark .xyla-logo-trace{display:none}}