/* The homepage itself enters. No splash layer, duplicate aurora, or handoff. */
.entrance-enabled .hero-gradient {
  animation: entrance-sky 1450ms cubic-bezier(.22,.61,.36,1) both;
}
.entrance-enabled .hero__inner > * {
  animation: entrance-content 850ms cubic-bezier(.16,1,.3,1) both;
}
.entrance-enabled .hero__inner > :nth-child(1) { animation-delay: 100ms; }
.entrance-enabled .hero__inner > :nth-child(2) { animation-delay: 180ms; }
.entrance-enabled .hero__inner > :nth-child(3) { animation-delay: 300ms; }
.entrance-enabled .hero__inner > :nth-child(4) { animation-delay: 410ms; }
.entrance-enabled .portfolio__head {
  animation: entrance-content 700ms cubic-bezier(.16,1,.3,1) 530ms both;
}
@keyframes entrance-sky {
  from { opacity: .18; transform: translateX(-50%) translateY(110px); }
  to { opacity: 1; transform: translateX(-50%) translateY(0); }
}
@keyframes entrance-content {
  from { opacity: 0; transform: translate3d(0, 16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .entrance-enabled .hero-gradient {
    animation: none; opacity: 1; transform: translateX(-50%);
  }
  .entrance-enabled .hero__inner > *,
  .entrance-enabled .portfolio__head { animation: none; opacity: 1; transform: none; }
}