.galaxy-brand{
    min-width:230px;
}
.galaxy-brand img{
    display:block;
    width:230px;
    height:auto;
    max-height:38px;
    object-fit:contain;
    object-position:left center;
}
.galaxy-node.center .node-core{
    position:relative;
    width:100%;
    perspective:420px;
    transform-style:preserve-3d;
    overflow:visible;
}
.galaxy-node.center::before{
    background:radial-gradient(circle at 38% 30%,rgba(216,247,255,.72) 0 1.1%,rgba(108,207,239,.46) 2.2%,#238bc8 7%,#0d4d85 53%,#04162b 78%);
}
.galaxy-node.center .node-core::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:2px;
    border-radius:50%;
    pointer-events:none;
    opacity:.94;
    background:
        repeating-linear-gradient(90deg,transparent 0 11px,rgba(159,235,255,.18) 12px,transparent 14px 24px),
        repeating-linear-gradient(0deg,transparent 0 17px,rgba(111,210,244,.11) 18px,transparent 20px 34px),
        url("./galaxy-earth-land.svg?v=202609181544"),
        radial-gradient(ellipse at 49% 45%,rgba(28,143,196,.3) 0 27%,transparent 49%);
    background-size:76px 100%,100% 100%,154px 154px,154px 100%;
    background-repeat:repeat-x,repeat,repeat-x,repeat-x;
    mix-blend-mode:screen;
    mask-image:radial-gradient(circle,#000 0 65%,rgba(0,0,0,.6) 76%,transparent 100%);
    animation:center-star-spin 7.2s linear infinite;
}
.galaxy-node.center .node-core::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:2px;
    border-radius:50%;
    pointer-events:none;
    opacity:.78;
    background:linear-gradient(90deg,transparent 0 34%,rgba(167,241,255,.06) 42%,rgba(147,234,255,.52) 50%,rgba(82,189,242,.08) 59%,transparent 68%);
    background-size:230% 100%;
    mix-blend-mode:screen;
    mask-image:radial-gradient(circle,#000 0 68%,rgba(0,0,0,.45) 80%,transparent 100%);
    animation:center-star-sweep 7.2s linear infinite;
}
.galaxy-logo-orbit{
    --brand-scale:1;
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    transform-style:preserve-3d;
    animation:center-brand-orbit 12s linear infinite;
}
.galaxy-logo-band{
    position:absolute;
    inset:0;
    transform-style:preserve-3d;
}
.galaxy-logo-band.logo-band-rear{transform:rotateY(180deg)}
.galaxy-logo-slice{
    position:absolute;
    display:block;
    left:50%;
    top:calc(50% + var(--slice-y));
    width:6.35px;
    height:20px;
    overflow:hidden;
    backface-visibility:hidden;
    transform:translate(-50%,-50%) rotateY(var(--slice-angle)) translateZ(76px);
    transform-style:preserve-3d;
}
.galaxy-logo-slice img{
    display:block;
    width:150px;
    height:20px;
    max-width:none;
    transform:translateX(var(--slice-x));
    object-fit:fill;
}
@keyframes center-brand-orbit{
    from{transform:scale(var(--brand-scale)) rotateZ(-10deg) rotateY(0deg)}
    to{transform:scale(var(--brand-scale)) rotateZ(-10deg) rotateY(-360deg)}
}
@keyframes center-star-spin{
    from{background-position:0 0,0 0,0 0,0 0}
    to{background-position:76px 0,0 0,154px 0,154px 0}
}
@keyframes center-star-sweep{from{background-position:115% 0}to{background-position:-115% 0}}
@media(max-width:900px){
    .galaxy-brand{min-width:0}
    .galaxy-brand img{width:190px;max-height:32px}
    .galaxy-logo-orbit{--brand-scale:.82;animation-duration:18s}
    .galaxy-node.center .node-core::before{opacity:.5;animation-duration:14s}
    .galaxy-node.center .node-core::after{opacity:.36;animation-duration:14s}
}
@media(prefers-reduced-motion:reduce){.galaxy-logo-orbit,.galaxy-node.center .node-core::before,.galaxy-node.center .node-core::after{animation:none}}