.procedural-background.iris-v3 {
  background: #050a11;
}

.procedural-background.iris-v3 .iris-canvas {
  opacity: .56;
}

.procedural-background.iris-v3::before {
  background: none;
}

.procedural-background.iris-v3::after {
  inset: 0;
  background:
    radial-gradient(ellipse 40% 43% at 0% 0%, rgba(0, 0, 0, .52), transparent 95%),
    radial-gradient(ellipse 40% 43% at 100% 0%, rgba(0, 0, 0, .52), transparent 95%),
    radial-gradient(ellipse 40% 43% at 0% 100%, rgba(0, 0, 0, .52), transparent 95%),
    radial-gradient(ellipse 40% 43% at 100% 100%, rgba(0, 0, 0, .52), transparent 95%);
  -webkit-mask-image: none;
  mask-image: none;
  mix-blend-mode: normal;
  filter: none;
  animation: none;
}

.procedural-background.iris-v3 .organic-iris-layer {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: clamp(460px, 125vmin, 1260px);
  aspect-ratio: 1;
  pointer-events: none;
  transform: translate3d(50vw, 50vh, 0) translate(-50%, -50%);
  mix-blend-mode: screen;
  filter: saturate(.8) brightness(1.035);
  -webkit-mask-image: radial-gradient(circle at center, transparent 0 13vmin, #000 18vmin 45vmin, transparent 55vmin);
  mask-image: radial-gradient(circle at center, transparent 0 13vmin, #000 18vmin 45vmin, transparent 55vmin);
}

.procedural-background.iris-v3 .organic-iris-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: organic-iris-breathe 12s ease-in-out infinite alternate;
}

/* The video pupil sits 2.6% above the frame center. */
@keyframes organic-iris-breathe {
  from { opacity: .39; transform: translate(.5%, 2.6%) scale(1); }
  to { opacity: .53; transform: translate(.5%, 2.6%) scale(1.025); }
}

.procedural-background.is-paused .organic-iris-video,
.procedural-background.is-lifecycle-hidden .organic-iris-video {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .procedural-background.iris-v3 .organic-iris-video {
    animation: none;
    opacity: .46;
    transform: translate(.5%, 2.6%);
  }
}