.atmosphere {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.atmosphere svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.wash {
  animation: wash-breathe 14s ease-in-out infinite alternate;
  transform-origin: center;
}

.wash-2 {
  animation-delay: -5s;
  animation-duration: 18s;
}

.splash {
  animation: splash-drift 22s ease-in-out infinite alternate;
}

@keyframes wash-breathe {
  from { opacity: 0.7; transform: scale(1) translate(0, 0); }
  to { opacity: 1; transform: scale(1.06) translate(2%, -1%); }
}

@keyframes splash-drift {
  from { transform: translate(0, 0) rotate(0deg); }
  to { transform: translate(1.5%, 2%) rotate(2deg); }
}