/* ================= TŁO ================= */
.background {
  position: fixed;
  inset: 0;
  background-image: url('../assets/about-me/nif3.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(4px) brightness(0.8) contrast(1) saturate(1.1);
  z-index: -2;
  transition: transform 0.1s ease-out;
}

/* Bloom effect */
.background::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  filter: blur(10px) brightness(1.4) saturate(1.5);
  opacity: 0.1;
  mix-blend-mode: screen;
}

/* Pikselizacja tła */
.background::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='4' height='4' fill='rgba(0,0,0,0.15)'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}