/* Decorative depth stays behind the content; links and text keep their layout. */
.kk-studio .parallax-scene { position: relative; isolation: isolate; }
.kk-studio .parallax-scene::before {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: 0;
  background:
    radial-gradient(circle at 92% 110px, transparent 108px, #b8382b0d 109px, #b8382b0d 110px, transparent 111px),
    radial-gradient(circle at 92% 110px, transparent 160px, #44444408 161px, #44444408 162px, transparent 163px);
  background-position: 0 var(--parallax-y, 0px);
  background-repeat: no-repeat;
}
.kk-studio .parallax-scene:nth-child(even)::before { background-position: -12% var(--parallax-y, 0px); }
.kk-studio .parallax-float { translate: 0 var(--parallax-y, 0px); }
@media (prefers-reduced-motion: reduce) {
  .kk-studio .parallax-float { translate: none; }
  .kk-studio .parallax-scene::before { background-position: 0 0; }
  .kk-studio .parallax-scene:nth-child(even)::before { background-position: -12% 0; }
  .kk-studio a.project-image:hover img { transform: none; }
}