.header .logo-icon svg.logo-scroll-reveal {
  animation: logo-scroll-reveal .5s cubic-bezier(.22,.8,.28,1) both;
}

@keyframes logo-scroll-reveal {
  from { transform: rotate(-180deg); }
  to { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .header .logo-icon svg.logo-scroll-reveal { animation: none; }
}