/* Preserve the original logo pixels; only the separated T moves. */
.animatedLogo { display:block; position:relative; width:min(100%,420px); aspect-ratio:3840/1007; margin:0 auto 40px; }
.animatedLogoBase,.animatedLogoShip { display:block; position:absolute; inset:0; width:100%; height:100%; filter:brightness(0); pointer-events:none; }
.animatedLogoShip { transform-origin:58.85% 49.65%; animation:desorbitandoLaunch 4.5s ease-in-out infinite both; }
@keyframes desorbitandoLaunch {
  0%,14.44% { transform:translate(0,0) rotate(0); opacity:1; }
  16.22% { transform:translate(-.13%,-.695%) rotate(-2deg); }
  18% { transform:translate(.104%,-.199%) rotate(2deg); }
  19.78% { transform:translate(0,0) rotate(0); }
  21.78% { transform:translate(-.182%,-1.192%) rotate(-3deg); }
  23.56% { transform:translate(.156%,-.497%) rotate(3deg); }
  25.33%,27.56% { transform:translate(0,-.199%) rotate(0); opacity:1; }
  32.22% { transform:translate(.469%,-6.455%) rotate(5deg); opacity:1; }
  38.89% { transform:translate(1.693%,-42.701%) rotate(12deg); opacity:1; }
  45.56% { transform:translate(3.385%,-104.27%) rotate(18deg); opacity:0; }
  64.44% { transform:translate(0,0) rotate(0); opacity:0; }
  73.33%,100% { transform:translate(0,0) rotate(0); opacity:1; }
}
@media (prefers-reduced-motion:reduce) { .animatedLogoShip { animation:none; } }
@media(max-width:600px) { .animatedLogo { margin-bottom:32px; } }