// face-avatar.jsx — Lottie animated avatar (Leo)
// Segments: idle 0-44 | speaking 45-90 | listening 0-30 slow

const { useEffect, useRef, useState } = React;

const SEG_IDLE     = [0,  44];
const SEG_SPEAKING = [45, 90];
const SEG_LISTEN   = [0,  30];

const AVATAR_DATA = {"nm":"Man 02","mn":"","layers":[{"ty":4,"nm":"Hair Front","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[402.169,141.633,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[2.441,-64.762,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-47.097,36.344],[7.576,4.775],[0,0],[26.292,0.649],[0,0],[2.854,3.526],[11.576,-11.777],[8.451,-30.599]],"o":[[0,0],[31.91,-24.624],[-16.557,-10.436],[0,0],[-15.536,-0.383],[0,0],[-10.451,-12.91],[-20.8,21.16],[-5.78,20.928]],"v":[[-56.665,38.759],[58,24.825],[80.191,-29.796],[54.323,-19.927],[37.109,-45.209],[15.215,-30.419],[11.138,-37.041],[-28.28,-35.495],[-84.253,10.151]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[-56.491,9.937],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[352.234,125.069],"ix":2},"r":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[0],"t":92},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[-3],"t":96},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[1],"t":101},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":103}],"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[26.848,13.791],[0,0],[-22.398,-19.615]],"o":[[0,0],[-26.848,-13.791],[0,0],[5.765,-0.108]],"v":[[20.902,46.501],[9.621,-42.684],[-25.39,-28.46],[12.443,45.224]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[469.583,167.225],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,0],[-23.399,12.036],[0,0],[14.013,1.008]],"o":[[0,0],[23.399,-12.036],[0,0],[-1.38,0]],"v":[[-16.315,45.575],[-7.021,-42.418],[20.53,-28.194],[-13.485,45.381]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[329.895,166.958],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":0,"parent":5},{"ty":4,"nm":"Brown Eyes","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[398.652,192.933,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-1.076,-13.462,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.554,0],[0,0],[0,2.554],[0,0],[-2.554,0],[0,0],[0,-2.554],[0,0]],"o":[[0,0],[-2.554,0],[0,0],[0,-2.554],[0,0],[2.554,0],[0,0],[0,2.554]],"v":[[8.357,4.624],[-8.357,4.624],[-12.98,0],[-12.98,0],[-8.357,-4.624],[8.357,-4.624],[12.98,0],[12.98,0]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[433.9,192.933],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[2.554,0],[0,0],[0,2.554],[0,0],[-2.554,0],[0,0],[0,-2.554],[0,0]],"o":[[0,0],[-2.554,0],[0,0],[0,-2.554],[0,0],[2.554,0],[0,0],[0,2.554]],"v":[[8.357,4.624],[-8.357,4.624],[-12.98,0],[-12.98,0],[-8.357,-4.624],[8.357,-4.624],[12.98,0],[12.98,0]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[363.405,192.933],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":1,"parent":5},{"ty":4,"nm":"Eyes","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[398.983,219.683,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100,100],"t":13},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,10,100],"t":16.5},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100,100,100],"t":20}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-0.746,13.288,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,9.735],[0,9.735],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":45},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,2.485],[0,2.485],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":50},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,2.485],[0,2.485],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":80},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,9.735],[0,9.735],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":85}],"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[433.9,219.683],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,9.735],[0,9.735],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":45},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,2.485],[0,2.485],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":50},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,2.485],[0,2.485],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":80},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":true,"i":[[5.377,0],[0,0],[0,5.377],[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0]],"o":[[0,0],[-5.377,0],[0,0],[0,-5.377],[0,0],[5.377,0],[0,0],[0,5.377]],"v":[[0,9.735],[0,9.735],[-9.735,0],[-9.735,0],[0,-9.735],[0,-9.735],[9.735,0],[9.735,0]]}],"t":85}],"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1922,0.1882,0.1765],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[364.065,219.683],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":2,"parent":5},{"ty":4,"nm":"Nose","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,25.225,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[5.311,0],[0,0],[-0.512,5.286],[0,0],[-3.68,0],[0,0],[-0.355,-3.663],[0,0]],"o":[[0,0],[-5.311,0],[0,0],[0.355,-3.663],[0,0],[3.68,0],[0,0],[0.512,5.286]],"v":[[0,17.67],[0,17.67],[-8.954,7.808],[-7.113,-11.212],[0,-17.67],[0,-17.67],[7.113,-11.212],[8.954,7.808]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9569,0.7804,0.651],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":3,"parent":5},{"ty":4,"nm":"Mounth","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[75,75,100],"t":45},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100,100],"t":52},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100,100],"t":81},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[75,75,100],"t":88}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0,68.422,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[16.465,0],[0,0],[0,16.465],[0,0]],"o":[[0,0],[-16.465,0],[0,0],[0,16.465]],"v":[[0,14.906],[0,14.906],[-29.813,-14.906],[29.813,-14.906]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,1,1],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":4,"parent":5},{"ty":4,"nm":"Head","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[399.728,206.395,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[27.052,-19.44],[0,0],[24.388,17.525],[0,0],[0,33.312],[0,0],[-46.339,0],[0,0],[0,-46.339],[0,0]],"o":[[0,0],[-24.388,17.525],[0,0],[-27.052,-19.44],[0,0],[0,-46.339],[0,0],[46.339,0],[0,0],[0,33.312]],"v":[[40.814,97.341],[40.814,97.341],[-40.814,97.341],[-40.814,97.341],[-83.904,13.315],[-83.904,-26.582],[0,-110.486],[0,-110.486],[83.904,-26.582],[83.904,13.315]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.851,0.7333],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":5,"parent":8},{"ty":4,"nm":"Ears","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[400,231.62,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[0.272,25.225,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-8.991],[8.991,0],[0,8.991],[-8.991,0]],"o":[[0,8.991],[-8.991,0],[0,-8.991],[8.991,0]],"v":[[16.28,0],[0,16.28],[-16.28,0],[0,-16.28]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9647,0.7882,0.6549],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[316.096,231.62],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-8.991],[8.991,0],[0,8.991],[-8.991,0]],"o":[[0,8.991],[-8.991,0],[0,-8.991],[8.991,0]],"v":[[16.28,0],[0,16.28],[-16.28,0],[0,-16.28]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9647,0.7882,0.6549],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[483.904,231.62],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":6,"parent":5},{"ty":4,"nm":"Hoodie Neck","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[400.452,418.551,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[400.452,418.551,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.775,0],[0.039,0.004],[-0.064,0.826],[20.286,22.519],[-10.191,21.207],[-0.106,0.126],[-0.635,-0.536],[0.535,-0.632],[-22.676,-25.171],[0.065,-0.835]],"o":[[-0.039,0],[-0.826,-0.063],[0.014,-0.189],[-10.184,-11.304],[7.566,-15.746],[0.534,-0.633],[0.632,0.535],[-0.413,0.488],[21.214,23.548],[-0.061,0.786]],"v":[[13.353,61.201],[13.235,61.196],[11.856,59.584],[-7.247,17.548],[-7.235,-32.146],[11.093,-60.67],[13.207,-60.844],[13.382,-58.73],[-5.019,15.54],[14.847,59.817]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9451,0.851,0.8078],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[410.915,440.098],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.063,0],[0.097,0.758],[-0.07,15.191],[-5.546,10.196],[2.692,8.395],[0.09,0.044],[-0.359,0.744],[-0.744,-0.357],[-3.717,-11.514],[6.482,-11.919],[-0.062,-0.486],[0.822,-0.105]],"o":[[-0.744,0],[-0.016,-0.123],[0.096,-20.514],[6.062,-11.147],[-3.299,-10.285],[-0.744,-0.361],[0.36,-0.746],[0.414,0.198],[2.977,9.217],[-12.703,23.357],[0.104,0.821],[-0.064,0.008]],"v":[[-5.917,61.2],[-7.403,59.889],[-8.908,32.163],[-0.407,-14.117],[4.672,-43.57],[-7.682,-58.35],[-8.379,-60.352],[-6.38,-61.052],[7.512,-44.536],[2.227,-12.684],[-4.427,59.511],[-5.726,61.188]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9451,0.851,0.8078],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[385.376,440.099],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-1.741],[-1.796,0],[0,1.741],[1.795,0]],"o":[[0,1.741],[1.795,0],[0,-1.741],[-1.796,0]],"v":[[-3.251,0],[0,3.153],[3.251,0],[0,-3.153]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[422.557,380.399],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.282,0],[0.108,0.051],[-0.183,0.378],[-34.802,10.233],[-0.117,-0.399],[0.402,-0.118],[4.95,-10.145]],"o":[[-0.112,0],[-0.378,-0.185],[5.02,-10.287],[0.413,-0.115],[0.118,0.402],[-34.205,10.057],[-0.131,0.269]],"v":[[-29.217,28.004],[-29.549,27.928],[-29.901,26.912],[29.002,-27.974],[29.946,-27.46],[29.432,-26.516],[-28.533,27.577]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[431.388,363.807],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.064,0],[0.089,0.342],[-0.407,0.106],[-9.693,1.374],[-7.263,14.076],[-0.364,-0.188],[0.192,-0.372],[23.166,-3.277],[8.47,-2.215]],"o":[[-0.337,0],[-0.106,-0.409],[8.555,-2.239],[22.783,-3.222],[0.195,-0.375],[0.374,0.191],[-7.625,14.775],[-9.651,1.364],[-0.064,0.018]],"v":[[-41.181,13.781],[-41.916,13.215],[-41.373,12.287],[-13.102,7.258],[40.504,-13.371],[41.528,-13.698],[41.856,-12.676],[-12.889,8.765],[-40.989,13.757]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[449.888,378.03],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 6","ix":6,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[-7.732,26.754],[7.49,9.536]],"o":[[-40.371,11.871],[29.239,-10.982],[0,0],[0,0]],"v":[[13.796,-28.44],[-45.75,28.44],[45.75,-3.754],[37.999,-24.131]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1843,0.3098,0.6471],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[446.809,365.003],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 7","ix":7,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-1.741],[1.796,0],[0,1.741],[-1.795,0]],"o":[[0,1.741],[-1.795,0],[0,-1.741],[1.796,0]],"v":[[3.251,0],[0,3.153],[-3.251,0],[0,-3.153]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[378.347,380.399],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 8","ix":8,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.112,0],[0.132,0.269],[34.205,10.057],[-0.118,0.402],[-0.399,-0.112],[-5.02,-10.287],[0.378,-0.185]],"o":[[-0.281,0],[-4.95,-10.145],[-0.402,-0.118],[0.118,-0.399],[34.801,10.233],[0.183,0.378],[-0.108,0.051]],"v":[[29.217,28.003],[28.533,27.577],[-29.432,-26.516],[-29.946,-27.461],[-29.002,-27.975],[29.9,26.911],[29.549,27.928]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[369.515,363.808],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 9","ix":9,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0.337,0],[0.064,0.018],[9.65,1.364],[7.623,14.775],[-0.374,0.191],[-0.196,-0.375],[-22.783,-3.222],[-8.555,-2.239],[0.106,-0.409]],"o":[[-0.064,0],[-8.47,-2.215],[-23.166,-3.277],[-0.192,-0.372],[0.367,-0.191],[7.262,14.076],[9.693,1.374],[0.407,0.106],[-0.089,0.342]],"v":[[41.18,13.782],[40.988,13.758],[12.888,8.765],[-41.856,-12.675],[-41.527,-13.697],[-40.503,-13.371],[13.101,7.258],[41.372,12.287],[41.915,13.216]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[351.016,378.029],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 10","ix":10,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[7.731,26.754],[-7.49,9.536]],"o":[[40.371,11.871],[-29.239,-10.982],[0,0],[0,0]],"v":[[-13.796,-28.44],[45.75,28.44],[-45.75,-3.754],[-37.999,-24.131]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1843,0.3098,0.6471],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[354.095,365.003],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":7,"parent":9},{"ty":4,"nm":"Neck","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":true,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[399.728,360.131,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[399.728,360.131,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"o":{"x":0.305,"y":0},"i":{"x":0,"y":1},"s":[0],"t":46},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[10],"t":54},{"o":{"x":0.861,"y":0},"i":{"x":0.616,"y":1},"s":[10],"t":81},{"o":{"x":0.775,"y":0},"i":{"x":0.67,"y":1},"s":[-3],"t":89},{"o":{"x":1,"y":0},"i":{"x":0.721,"y":1},"s":[1],"t":93},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":96}],"ix":10}},"ef":[],"masksProperties":[{"nm":"Mask 1","mn":"","inv":false,"mode":"a","x":{"a":0,"k":0,"ix":4},"o":{"a":0,"k":100,"ix":3},"pt":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[18.158,0],[0,0],[0,-15.895],[0,0],[-18.158,0],[0,0],[0,15.895],[0,0]],"o":[[0,0],[-18.158,0],[0,0],[0,15.895],[0,0],[18.158,0],[0,0],[0,-15.895]],"v":[[401.123,209.5],[398.877,209.5],[366,238.281],[366,363.08],[398.877,391.861],[401.123,391.861],[434,363.08],[434,238.281]]}],"t":45},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[18.158,0],[0,0],[0,-15.895],[0,0],[-18.158,0],[0,0],[0,15.895],[0,0]],"o":[[0,0],[-18.158,0],[0,0],[0,15.895],[0,0],[18.158,0],[0,0],[0,-15.895]],"v":[[401.123,200],[398.877,200],[366,228.781],[366,353.58],[398.877,382.361],[401.123,382.361],[434,353.58],[434,228.781]]}],"t":51},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[18.158,0],[0,0],[0,-15.895],[0,0],[-18.158,0],[0,0],[0,15.895],[0,0]],"o":[[0,0],[-18.158,0],[0,0],[0,15.895],[0,0],[18.158,0],[0,0],[0,-15.895]],"v":[[401.123,200],[398.877,200],[366,228.781],[366,353.58],[398.877,382.361],[401.123,382.361],[434,353.58],[434,228.781]]}],"t":80},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":true,"i":[[18.158,0],[0,0],[0,-15.895],[0,0],[-18.158,0],[0,0],[0,15.895],[0,0]],"o":[[0,0],[-18.158,0],[0,0],[0,15.895],[0,0],[18.158,0],[0,0],[0,-15.895]],"v":[[401.123,209.5],[398.877,209.5],[366,238.281],[366,363.08],[398.877,391.861],[401.123,391.861],[434,363.08],[434,238.281]]}],"t":87}],"ix":1}}],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0,-9.366],[0,0],[19.704,12.955],[0,0],[-18.718,0],[-6.13,-6.143]],"o":[[0,0],[-24.924,-1.593],[0,0],[0,-18.718],[9.365,0],[6.13,6.13]],"v":[[33.898,-29.108],[33.898,63.005],[-33.898,40.356],[-33.898,-29.108],[0,-63.005],[23.976,-53.071]]}],"t":46},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0,-9.366],[0,0],[19.704,12.955],[0,0],[-18.718,0],[-6.13,-6.143]],"o":[[0,0],[-24.924,-1.593],[0,0],[0,-18.718],[9.365,0],[6.13,6.13]],"v":[[33.898,-29.108],[33.795,55.505],[-34,32.856],[-33.898,-29.108],[0,-63.005],[23.976,-53.071]]}],"t":52},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[{"c":true,"i":[[0,-9.366],[0,0],[19.704,12.955],[0,0],[-18.718,0],[-6.13,-6.143]],"o":[[0,0],[-24.924,-1.593],[0,0],[0,-18.718],[9.365,0],[6.13,6.13]],"v":[[33.898,-29.108],[33.795,55.505],[-34,32.856],[-33.898,-29.108],[0,-63.005],[23.976,-53.071]]}],"t":81},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[{"c":true,"i":[[0,-9.366],[0,0],[19.704,12.955],[0,0],[-18.718,0],[-6.13,-6.143]],"o":[[0,0],[-24.924,-1.593],[0,0],[0,-18.718],[9.365,0],[6.13,6.13]],"v":[[33.898,-29.108],[33.898,63.005],[-33.898,40.356],[-33.898,-29.108],[0,-63.005],[23.976,-53.071]]}],"t":89}],"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.9569,0.7804,0.651],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[399.728,273.343],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[18.723,0],[0,0],[0,18.723],[0,0],[-18.723,0],[0,0],[0,-18.723],[0,0]],"o":[[0,0],[-18.723,0],[0,0],[0,-18.723],[0,0],[18.723,0],[0,0],[0,18.723]],"v":[[0,90.792],[0,90.792],[-33.9,56.891],[-33.9,-56.891],[0,-90.792],[0,-90.792],[33.9,-56.891],[33.9,56.891]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[1,0.851,0.7333],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[399.728,301.132],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":8},{"ty":4,"nm":"Body","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[399.85,530.46,0],"ix":1},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,100,100],"t":45},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,106,100],"t":51},{"o":{"x":0.333,"y":0},"i":{"x":0.667,"y":1},"s":[100,106,100],"t":80},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100,100,100],"t":87}],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[399.85,530.46,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-0.86],[0,0],[1.04,-0.75],[0,0],[-0.86,0]],"o":[[0,0],[-1.03,0.76],[0,0],[0,-0.86],[0.85,0]],"v":[[1.55,-10.7],[1.55,9.98],[-1.55,12.25],[-1.55,-10.7],[0,-12.25]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[519.96,480.1],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 2","ix":2,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-0.86],[0,0],[1.03,0.75],[0,0],[-0.86,0]],"o":[[0,0],[-1.04,-0.72],[0,0],[0,-0.86],[0.85,0]],"v":[[1.55,-11.68],[1.55,13.23],[-1.55,11.03],[-1.55,-11.68],[0,-13.23]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[282.81,481.08],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 3","ix":3,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[-12.69,-39.33],[15.5,-11.6],[1.04,-0.75],[44.19,0],[32.81,22.79],[1.03,0.75],[12.37,16.57],[-57.59,16.86],[0,0],[0,0],[0,0]],"o":[[-11.62,15.49],[-1.03,0.76],[-33.33,23.98],[-42.97,0],[-1.04,-0.72],[-16.77,-12.11],[14.61,-41.12],[0,0],[0,0],[0,0],[57.84,18.4]],"v":[[162.57,10.08],[121.66,50.94],[118.56,53.21],[0.15,91.32],[-115.49,55.17],[-118.59,52.97],[-162.57,9.68],[-61.32,-91.32],[-44.12,-69.9],[45.2,-69.9],[64.63,-88.8]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1843,0.3098,0.6471],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[399.85,439.14],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 4","ix":4,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-27.046],[38.671,0],[0,27.046],[-38.671,0]],"o":[[0,27.046],[-38.671,0],[0,-27.046],[38.671,0]],"v":[[70.02,-2.095],[0,46.877],[-70.02,-2.095],[0,-46.877]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.0902,0.2078,0.3647],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[398.445,370.774],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]},{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 5","ix":5,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-29.464],[55.049,0],[0,29.465],[-55.049,0]],"o":[[0,29.465],[-55.049,0],[0,-29.464],[55.049,0]],"v":[[99.676,-2.282],[0,51.068],[-99.676,-2.282],[0,-51.068]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1843,0.3098,0.6471],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[399.492,326.962],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":9},{"ty":4,"nm":"BG","mn":"","sr":1,"st":0,"op":180,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"tt":0,"hasMask":false,"td":0,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[400,327.5,0],"ix":2},"sa":{"a":0,"k":0},"o":{"a":0,"k":25,"ix":11},"r":{"a":0,"k":0,"ix":10}},"ef":[],"shapes":[{"ty":"gr","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Group","nm":"Group 1","ix":1,"cix":2,"np":2,"it":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":true,"i":[[0,-112.09],[25.45,-33.91],[15.5,-11.6],[1.04,-0.75],[44.19,0],[32.81,22.79],[1.03,0.75],[12.37,16.57],[0,45.48],[-112.09,0]],"o":[[0,45.66],[-11.62,15.49],[-1.03,0.76],[-33.33,23.98],[-42.97,0],[-1.04,-0.72],[-16.77,-12.11],[-25.27,-33.84],[0,-112.09],[112.09,0]],"v":[[202.96,0],[162.42,121.72],[121.51,162.58],[118.41,164.85],[0,202.96],[-115.64,166.81],[-118.74,164.61],[-162.72,121.32],[-202.96,0],[0,-202.96]]},"ix":2}},{"ty":"fl","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Fill","nm":"Fill 1","c":{"a":0,"k":[0.1843,0.3098,0.6471],"ix":4},"r":1,"o":{"a":0,"k":100,"ix":5}},{"ty":"tr","a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"sk":{"a":0,"k":0,"ix":4},"p":{"a":0,"k":[0,0],"ix":2},"r":{"a":0,"k":0,"ix":6},"sa":{"a":0,"k":0,"ix":5},"o":{"a":0,"k":100,"ix":7}}]}],"ind":10}],"ddd":0,"h":600,"w":800,"meta":{"a":"","k":"","d":"","g":"LottieFiles AE ","tc":"#ffffff"},"v":"4.8.0","fr":30,"op":120,"ip":0,"assets":[]};

function AnimatedAvatar({ mode = 'idle', size = 'hero', name = 'Leo', role = 'tu asesor de viaje', liveWord = 'HOLA' }) {
  const containerRef = useRef(null);
  const animRef      = useRef(null);
  const [lottieErr, setLottieErr] = useState(false);
  const isSm = size === 'sm';

  // Load Lottie once — retry up to 10× if CDN hasn't loaded yet
  useEffect(() => {
    let cancelled = false;
    let retries = 0;
    function tryLoad() {
      if (cancelled) return;
      if (!containerRef.current) return;
      if (!window.lottie) {
        if (retries++ < 10) { setTimeout(tryLoad, 300); return; }
        setLottieErr(true); return;
      }
      try {
        const anim = window.lottie.loadAnimation({
          container:  containerRef.current,
          renderer:   'svg',
          loop:       true,
          autoplay:   true,
          animationData: AVATAR_DATA,
        });
        anim.addEventListener('DOMLoaded', () => { anim.playSegments(SEG_IDLE, true); });
        anim.addEventListener('data_failed',  () => setLottieErr(true));
        anim.addEventListener('error',        () => setLottieErr(true));
        animRef.current = anim;
      } catch(e) { setLottieErr(true); }
    }
    tryLoad();
    return () => {
      cancelled = true;
      if (animRef.current) { animRef.current.destroy(); animRef.current = null; }
    };
  }, []);

  // React to mode changes
  useEffect(() => {
    const anim = animRef.current;
    if (!anim) return;

    if (mode === 'speaking') {
      anim.setSpeed(1.4);
      anim.playSegments(SEG_SPEAKING, true);
    } else if (mode === 'listening') {
      anim.setSpeed(0.6);
      anim.playSegments(SEG_LISTEN, true);
    } else {
      anim.setSpeed(1);
      anim.playSegments(SEG_IDLE, true);
    }
  }, [mode]);

  const wrapStyle = isSm
    ? { width: '100%', height: '100%' }
    : { width: '100%', maxWidth: 380, aspectRatio: '4/5', margin: '0 auto' };

  const glow = mode === 'speaking'
    ? '0 0 0 2px rgba(205,145,80,0.35), 0 28px 70px -20px rgba(140,80,30,0.8)'
    : '0 20px 60px -20px rgba(0,0,0,.4)';

  return (
    <div style={wrapStyle}>
      <div style={{
        position: 'relative', width: '100%', height: '100%',
        borderRadius: isSm ? 20 : 32, overflow: 'hidden',
        background: 'linear-gradient(160deg, rgb(30,45,70) 0%, rgb(20,28,55) 100%)',
        boxShadow: glow, transition: 'box-shadow 0.3s ease',
      }}>

        {/* Background glow shift when speaking */}
        <div style={{
          position: 'absolute', inset: 0, pointerEvents: 'none',
          background: mode === 'speaking'
            ? 'radial-gradient(80% 60% at 50% 0%, rgba(80,55,25,0.5) 0%, transparent 70%)'
            : 'radial-gradient(80% 60% at 50% 0%, rgba(45,65,100,0.4) 0%, transparent 70%)',
          transition: 'background 0.4s ease',
        }} />

        {/* Lottie container — fallback to portrait if animation fails */}
        {lottieErr ? (
          <div style={{
            position: 'absolute', inset: 0,
            display: 'flex', alignItems: 'center', justifyContent: 'center',
          }}>
            <img src="assets/leo-portrait.png" alt="Leo"
              style={{ width: '85%', height: '85%', objectFit: 'contain' }} />
          </div>
        ) : (
          <div ref={containerRef} style={{
            position: 'absolute', inset: 0,
            display: 'flex', alignItems: 'center', justifyContent: 'center',
          }} />
        )}

        {/* LIVE badge */}
        <div style={{
          position: 'absolute', top: 10, left: 10,
          display: 'flex', alignItems: 'center', gap: 5,
          background: 'rgba(0,0,0,.45)', backdropFilter: 'blur(8px)',
          borderRadius: 20, padding: isSm ? '3px 7px' : '4px 10px',
          border: '1px solid rgba(255,255,255,.12)',
        }}>
          <span style={{
            width: isSm ? 5 : 6, height: isSm ? 5 : 6, borderRadius: '50%',
            background: mode === 'speaking' ? '#4ade80' : '#4ade80',
            boxShadow: '0 0 6px #4ade80',
            animation: 'livePulse 1.8s ease infinite',
          }} />
          <span style={{
            fontSize: isSm ? 8 : 9.5, fontFamily: 'var(--font-mono)',
            color: 'rgba(255,255,255,.85)', letterSpacing: '0.08em',
          }}>LIVE · {liveWord}</span>
        </div>

        {/* Name + role */}
        {!isSm && (
          <div style={{ position: 'absolute', top: 10, right: 10, textAlign: 'right' }}>
            <div style={{ fontSize: 13, fontWeight: 600, color: 'rgba(255,255,255,.9)',
              fontFamily: 'var(--font-body)' }}>{name}</div>
            <div style={{ fontSize: 10, color: 'rgba(255,255,255,.5)',
              fontFamily: 'var(--font-body)', marginTop: 1 }}>{role}</div>
          </div>
        )}

        {/* Waveform when speaking */}
        <div style={{
          position: 'absolute', bottom: isSm ? 8 : 14,
          left: isSm ? 8 : 14, right: isSm ? 8 : 14,
          height: isSm ? 14 : 20,
          display: 'flex', alignItems: 'flex-end', gap: isSm ? 2 : 3,
          opacity: mode === 'speaking' ? 1 : 0,
          transition: 'opacity 0.3s ease',
        }}>
          {Array.from({ length: isSm ? 12 : 22 }).map((_, i) => (
            <div key={i} style={{
              flex: 1, height: '100%', borderRadius: 2,
              background: 'rgb(235,185,125)',
              boxShadow: '0 0 4px rgba(210,150,85,0.5)',
              animation: mode === 'speaking' ? 'waveBar 0.55s ease-in-out infinite' : 'none',
              animationDelay: `${(i * 0.055) % 0.55}s`,
              transform: 'scaleY(0.2)', transformOrigin: 'bottom',
            }} />
          ))}
        </div>

        {/* Vignette */}
        <div style={{
          position: 'absolute', inset: 0, pointerEvents: 'none', borderRadius: 'inherit',
          background: 'radial-gradient(120% 110% at 50% 50%, transparent 55%, rgba(0,0,0,.2) 100%)',
        }} />

      </div>
    </div>
  );
}

// Inject keyframes once
(function () {
  if (document.getElementById('avatar-kf')) return;
  const s = document.createElement('style');
  s.id = 'avatar-kf';
  s.textContent = `
    @keyframes livePulse { 0%,100%{opacity:1} 50%{opacity:.5} }
    @keyframes waveBar   { 0%,100%{transform:scaleY(.15)} 50%{transform:scaleY(1)} }
  `;
  document.head.appendChild(s);
})();

Object.assign(window, { AnimatedAvatar });