@keyframes fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.top-bar   { animation: fadeDown 1s 0.1s ease both; }
.brand-name { animation: fadeUp 1.2s 0s    ease both; }
.brand-sub  { animation: fadeUp 1.2s 0.2s  ease both; }
.tagline    { animation: fadeUp 1.2s 0.35s ease both; }
.nav-buttons { animation: fadeUp 1.2s 0.5s ease both; }