/* Approved: the same light gradient and dot overlay as the Notasy cards.
   Both nested circles still clip the fill, including during their entrance. */
[data-intersection="light"] .tg__fx { display: none; }
[data-intersection="light"] .tg__lens-in::before,
[data-intersection="light"] .tg__lens-in::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc((2 * var(--p) - 100) / var(--p) * 100%);
  height: 100%;
  transform: translateX(calc(var(--dx, 0px) * -1));
  pointer-events: none;
}
[data-intersection="light"] .tg__lens-in::before {
  background: var(--brand-wash);
}
[data-intersection="light"] .tg__lens-in::after {
  opacity: .35;
  background-image: radial-gradient(#afbbcc 1px, transparent 1px);
  background-size: 20px 20px;
  mask-image: radial-gradient(ellipse at center, #000, transparent 73%);
}
[data-intersection="light"] .tg__center { color: #223047; }