/* Decorative homepage atmosphere. Events stay on the actual page underneath. */
#fluid[data-fluid-home] {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: .6;
  mix-blend-mode: screen;
  pointer-events: none;
  user-select: none;
  contain: strict;
}
#fluid[data-fluid-home][hidden] { display: none; }
@media (pointer: coarse) {
  #fluid[data-fluid-home] { opacity: .5; }
}
@media (prefers-reduced-motion: reduce) {
  #fluid[data-fluid-home] { display: none; }
}