/* The camera renders actual depth; the wrapper stays flat. */
.signature-art{z-index:0;transform:none;transition:none;will-change:auto;animation:none}
.signature-art>img{position:absolute;inset:0;opacity:1}
.signature-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.signature-art.is-3d-ready>img{opacity:0}
.signature-art.is-3d-ready>.signature-canvas{opacity:1}
.reflex-flow{z-index:1;pointer-events:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;left:0;right:0;bottom:-10px;color:#102d52;font-family:var(--heading);font-size:clamp(.8125rem,1.25vw,1.125rem);font-weight:750;line-height:1.3;letter-spacing:-.025em}
.reflex-flow>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.reflex-flow b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #1464e5;border-radius:50%;background:#1464e5;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;box-shadow:0 5px 12px #1464e521}
.reflex-flow i{display:none}
.reflex-flow>span:not(:last-child)::after{content:'→';position:absolute;top:2px;right:-15px;color:#5581b5;font-family:var(--heading);font-size:1.3rem;font-weight:500;line-height:28px}
@media(max-width:700px){.reflex-flow{font-size:1rem;gap:10px;bottom:-10px}.reflex-flow>span{gap:9px}}
@media(max-width:370px){.reflex-flow{font-size:.875rem;gap:6px}.reflex-flow b{width:30px;height:30px}.reflex-flow>span:not(:last-child)::after{right:-12px}}
@media(prefers-reduced-motion:reduce){.signature-art>img,.signature-canvas{transition:none}}
@media print{.signature-art>img{opacity:1!important}.signature-canvas{display:none}}