body > header {
  transition: background-color 180ms ease;
}

body > header.is-scrolled {
  background-color: rgba(255, 255, 255, .8);
  backdrop-filter: blur(20px);
}

@media (prefers-reduced-motion: reduce) {
  body > header {
    transition: none;
  }
}