.loading-name{
  font-family:var(--font-d);
  font-size:1.5rem;letter-spacing:.35em;
  text-transform:uppercase;color:var(--accent);
  animation:fade-up .6s ease-out .2s both;
}
.loading-sub{
  font-family:var(--font-m);
  font-size:.44rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--muted);
  animation:fade-up .6s ease-out .4s both;
}
.loading-bar-wrap{
  width:130px;height:1px;
  background:var(--border);
  position:relative;overflow:hidden;
  animation:fade-up .4s ease-out .5s both;
}
.loading-bar-fill{
  position:absolute;top:0;left:-100%;height:100%;
  background:linear-gradient(90deg,var(--deep),var(--accent));
  animation:load-fill 1.8s ease-out .6s forwards;
}
@keyframes load-fill{to{left:0}}