/* Global liquid glass field ------------------------------------------------ */
.liquid-glass-field {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: block;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: normal;
  filter:
    saturate(1.42)
    contrast(1.14)
    drop-shadow(0 0 10px rgba(80, 220, 205, 0.08))
    drop-shadow(0 0 14px rgba(255, 98, 132, 0.055));
  transition: opacity 520ms ease;
  contain: strict;
  transform: translateZ(0);
}

body.has-entered.liquid-glass-ready .liquid-glass-field {
  opacity: 0.42;
}

body.has-entered.liquid-glass-moving .liquid-glass-field {
  opacity: 0.58;
}

body.has-entered.work-gallery-open .liquid-glass-field,
body.has-entered.liquid-glass-moving.work-gallery-open .liquid-glass-field {
  opacity: 0.12;
}

body.is-unfolding .liquid-glass-field,
body.is-entering .liquid-glass-field,
body:not(.has-entered) .liquid-glass-field {
  opacity: 0;
}

@media (pointer: coarse), (max-width: 768px) {
  body.has-entered.liquid-glass-ready .liquid-glass-field {
    opacity: 0.22;
  }

  body.has-entered.liquid-glass-moving .liquid-glass-field {
    opacity: 0.32;
  }
}

@media (prefers-reduced-motion: reduce) {
  .liquid-glass-field {
    display: none;
  }
}