/* The real anchor keeps its size and rounded border throughout crystallization. */
.nav-cta.is-crystal {
  background: linear-gradient(130deg,#ffffff22,#cba6f327 42%,#ffffff44 44%,#cbb9ff12 65%);
  color: #fff;
  border-color: #dfd0ff80;
  box-shadow: inset 0 1px 0 #fff9,0 0 20px #bfa1ff3d;
}
.nav-cta.is-shattered {
  opacity: 0;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.nav-cta.is-shattered > * { opacity: 0; }
.join-glass-effects {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  pointer-events: none;
  contain: strict;
}
.join-glass-effects[hidden] { display: none; }