/* Retain the original prologue and its CSS choreography. */
.particle-cross{position:relative;width:270px;height:240px}
.sr-particle{position:absolute;opacity:0;pointer-events:none}
#brand-particles{display:block;position:absolute;left:-135px;top:-135px;width:540px;height:510px}
.particle-cross{animation:none!important;filter:none!important;opacity:1!important;overflow:visible}
.particle-cross.gathering{animation:particle-star-turn 2.6s cubic-bezier(.2,.65,.35,1) both!important}
@keyframes particle-star-turn{from{transform:scale(.86) rotate(-180deg)}to{transform:scale(1) rotate(90deg)}}
.prologue{animation:star-opening-exit .9s 3.2s ease-in-out forwards!important}
body > header,body > main,body > footer{opacity:1;transition:opacity .9s ease-in-out}
body.intro-pending > header,body.intro-pending > main,body.intro-pending > footer{opacity:0}
.prologue .boot-title,.prologue .boot-caption{transition:opacity .3s}
@keyframes star-opening-exit{to{opacity:0;visibility:hidden}}
.prologue #skip{z-index:2}
@media(prefers-reduced-motion:reduce){.prologue{display:none}body.intro-pending > header,body.intro-pending > main,body.intro-pending > footer{opacity:1;transition:none}}