/* The selfie and its decorative landmarks share the same square crop. */
.stage[data-agent="iris"] .photo img{object-fit:cover}
.iris-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .6s ease;filter:drop-shadow(0 0 2px #c5ffeab0)}
.iris-mesh path{fill:none;stroke:#ccfff0;stroke-width:1.7;stroke-linejoin:round}
.iris-mesh circle{fill:#effff9;stroke:#8fbdaa;stroke-width:.6}
.stage[data-phase="1"] .iris-mesh{opacity:.85;animation:iris-mesh-reveal .9s ease-out both}
.stage[data-phase="2"] .iris-mesh{opacity:.32}
.stage[data-agent="iris"] .scanline{left:0;right:0;top:8%;height:18%;background:linear-gradient(transparent,#c9b5ec24,#b9ffe968);border-bottom:1px solid #dbfff1;box-shadow:0 8px 20px #bbffe744;opacity:0}
.stage[data-agent="iris"][data-phase="1"] .scanline{opacity:1;animation:iris-face-sweep 1.65s ease-in-out 2 alternate}
@keyframes iris-face-sweep{from{top:8%;transform:none}to{top:78%;transform:none}}
@keyframes iris-mesh-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){.iris-mesh{transition:none!important;animation:none!important}.stage[data-agent="iris"] .scanline{display:none}}