.site-header {
  position: fixed;
  top: 0;
  background: rgba(8, 10, 10, 0.9);
  backdrop-filter: blur(14px);
  transition:
    background 0.25s,
    box-shadow 0.25s;
}
.site-header.scrolled {
  background: rgba(8, 10, 10, 0.94);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(14px);
}