/* ===============================
   FOCAL PLANE — DEFINITIEF
   =============================== */

.focal-plane {
  position: relative;
  overflow: visible;
}

/* ACHTERGROND (beeld / tekst) */
.focal-plane .focus-content {
  position: relative;
  z-index: 1;
}

/* LENS (GLAS) */
.focal-plane .lens-glass {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;

  background: radial-gradient(
    circle at 30% 30%,
    rgba(255,255,255,0.35),
    rgba(255,255,255,0.12) 45%,
    rgba(255,255,255,0.04) 60%,
    transparent 75%
  );

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.45),
    inset 0 0 28px rgba(255,255,255,0.25);
}

/* SVG FOCUS RING */
.focal-plane .focus-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  pointer-events: none;
  z-index: 3;
  transform-origin: center;
}