body { isolation: isolate; }
body > header, body > main, body > footer { position: relative; z-index: 1; }
header { background: rgb(12 17 21 / 82%); }
.galaxy-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.galaxy-layer { position: absolute; inset: -80px; width: calc(100% + 160px); height: calc(100% + 160px); }
.galaxy-pigs { position: absolute; inset: 0; z-index: 1; isolation: isolate; }
.galaxy-pig { position: absolute; left: 0; top: 0; height: auto; filter: grayscale(1) brightness(1.25); will-change: transform; }
.galaxy-scene::after { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at center, rgb(12 17 21 / 45%), transparent 85%); }
@media (prefers-reduced-motion: reduce) { .galaxy-pig { will-change: auto; } }