/*
 * Current work scientific texture visibility correction
 *
 * Keep Current work on the same scientific-texture scale and contrast as the
 * later homepage sections. The purple ambient field is owned by the shared
 * homepage wrapper so Hero and Current work use one continuous drifting light.
 */

.hao-home-page #current-work {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hao-home-page #current-work::before {
  z-index: 0;
  background-image:
    repeating-radial-gradient(
      ellipse at 92% 72%,
      transparent 0 2.8rem,
      color-mix(in srgb, var(--global-theme-color, #b80fb8) 6%, transparent) 2.85rem 2.91rem,
      transparent 2.96rem 5.1rem
    ),
    radial-gradient(
      color-mix(in srgb, var(--global-text-color, #111827) 6%, transparent) 0.7px,
      transparent 0.8px
    );
  background-position: center, 0 0;
  background-size: auto, 56px 56px;
  opacity: 0.58;
}

.hao-home-page #current-work > * {
  position: relative;
  z-index: 1;
}

html[data-theme="dark"] .hao-home-page #current-work::before {
  opacity: 0.72;
}

@media (max-width: 760px) {
  .hao-home-page #current-work::before {
    background-position: 5rem 1rem, 0 0;
    background-size: auto, 56px 56px;
    opacity: 0.44;
  }
}
