.ambient-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.deferred-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 560px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .blobs,
  .ambient-canvas {
    display: none !important;
  }
}

@media (pointer: coarse), (max-width: 720px) {
  .ambient-canvas {
    display: none;
  }
}