.liquid-ether-container,
.liquid-ether-section,
.dot-grid-section {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* Canvas from Liquid Ether (three.js) */
.liquid-ether-container canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Dot Grid canvas */
.t-orbital-dot-grid-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Make inner content sit above effects */
.liquid-ether-section > *:not(canvas),
.dot-grid-section > *:not(canvas) {
  position: relative;
  z-index: 1;
}