/* Original layered glitch effect using the supplied, unmodified logo. */
.brand-logo{position:relative;display:block;flex-shrink:0;isolation:isolate;line-height:0}
.brand-logo>img{position:relative;z-index:1}
.brand-logo .logo-slice{position:absolute;inset:0;z-index:2;background:url('logo.png') center/contain no-repeat;pointer-events:none;opacity:0}
.brand-logo .slice-cyan{filter:brightness(1.15) saturate(1.7);clip-path:inset(25% 0 51% 0)}
.brand-logo .slice-gold{filter:sepia(.8) saturate(3) hue-rotate(345deg);clip-path:inset(48% 0 29% 0)}
.brand-logo .slice-top{clip-path:inset(0 0 65% 0)}
.brand-logo .slice-bottom{clip-path:inset(64% 0 4% 0)}
.brand-logo.is-glitching>img{animation:logo-core 1050ms steps(1,end) 1}
.brand-logo.is-glitching .slice-cyan{animation:logo-cyan 1050ms steps(1,end) 1}
.brand-logo.is-glitching .slice-gold{animation:logo-gold 1050ms steps(1,end) 1}
.brand-logo.is-glitching .slice-top{animation:logo-top 1050ms steps(1,end) 1}
.brand-logo.is-glitching .slice-bottom{animation:logo-bottom 1050ms steps(1,end) 1}
@keyframes logo-core{0%,100%{transform:none;filter:none}8%{transform:translateX(-1px) skewX(-3deg)}16%{transform:translateX(2px)}24%{transform:none}43%{transform:skewX(2deg);filter:drop-shadow(-2px 0 #00c5e4)}52%{transform:none;filter:none}72%{transform:translateX(-1px)}82%{transform:none}}
@keyframes logo-cyan{0%,100%{opacity:0;transform:none}6%,18%{opacity:.95;transform:translate(8px,-1px)}19%,31%{opacity:.8;transform:translate(-6px,1px)}32%,42%{opacity:0}43%,54%{opacity:.9;transform:translate(5px,0)}55%,71%{opacity:0}72%,81%{opacity:.7;transform:translate(-3px,0)}82%{opacity:0}}
@keyframes logo-gold{0%,100%{opacity:0;transform:none}9%,22%{opacity:.9;transform:translate(-8px,1px)}23%,34%{opacity:.75;transform:translate(6px,-1px)}35%,47%{opacity:0}48%,59%{opacity:.85;transform:translate(-4px,0)}60%,77%{opacity:0}78%,85%{opacity:.6;transform:translate(3px,0)}86%{opacity:0}}
@keyframes logo-top{0%,100%{opacity:0;transform:none}12%,23%{opacity:1;transform:translate(4px,0)}24%,50%{opacity:0}51%,60%{opacity:.8;transform:translate(-3px,0)}61%{opacity:0}}
@keyframes logo-bottom{0%,100%{opacity:0;transform:none}14%,28%{opacity:1;transform:translate(-5px,0)}29%,54%{opacity:0}55%,64%{opacity:.8;transform:translate(4px,0)}65%{opacity:0}}
@media(prefers-reduced-motion:reduce){.brand-logo.is-glitching>img,.brand-logo.is-glitching .logo-slice{animation:none!important}.brand-logo .logo-slice{display:none}}