/* Decorative homepage-only layer. It never participates in document layout. */
.crystal-guide, .crystal-spectrum {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  user-select: none;
  contain: layout style paint;
}
.crystal-guide {
  z-index: 0;
  width: 140px;
  height: 140px;
  opacity: 0;
  transition: opacity .65s ease;
  will-change: transform;
}
.crystal-guide.is-ready { opacity: .76; }
.crystal-guide canvas { display: block; width: 100%; height: 100%; }
.crystal-spectrum { z-index: 0; width: 100%; height: 100%; filter: blur(.8px); }
body:has(.mobile-menu:not([hidden])) .crystal-guide,
body:has(.mobile-menu:not([hidden])) .crystal-spectrum { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  .crystal-guide { transition: none; }
  .crystal-spectrum { display: none; }
}
@media print { .crystal-guide, .crystal-spectrum { display: none !important; } }