
.xl-hero-story{padding:12px 0 20px}.xn-wrap{position:relative;isolation:isolate;border:1px solid #eae3f1;border-radius:28px;background:radial-gradient(ellipse at 60% 50%,#e8dafa8c,transparent 65%),#fcfbfe;overflow:hidden;padding:25px 12px 15px;box-shadow:0 18px 55px #37204a08}.xn-heading{padding:0 15px;text-align:center}.xn-heading>p{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#856899;margin:0 0 9px}.xn-heading h2{font-size:29px;line-height:1.12;letter-spacing:-.8px;color:#201935;margin:0 0 9px}.xn-heading h2 br{display:none}.xn-heading h2 em{font-family:Georgia,serif;color:#8243bc;font-weight:500}.xn-heading>span{font-size:11px;color:#81718d}.xn-network{position:relative;aspect-ratio:600/480;margin:-3px 0 0}.xn-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.xn-connections path{fill:none;stroke:#ac91c4;stroke-width:1.3;stroke-dasharray:2 7;stroke-linecap:round;animation:xn-flow 26s linear infinite;opacity:.65}.xn-centre{position:absolute;left:49.166%;top:51.04%;transform:translate(-50%,-50%);width:20%;aspect-ratio:1;border:6px solid #fff;border-radius:50%;box-shadow:0 0 0 12px #aa80cc0a,0 0 0 27px #aa80cc08,0 9px 28px #633e7320;z-index:2}.xn-centre img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;border-radius:50%}.xn-centre>span{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:#291c43;color:white;font-size:8px;font-weight:700;letter-spacing:1.3px;padding:7px 12px;border-radius:20px;white-space:nowrap}.xn-person{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;transform:translate(-50%,-50%);border:4px solid white;border-radius:50%;box-shadow:0 6px 20px #42235220;z-index:3;text-decoration:none;animation:xn-bob 6s ease-in-out infinite;animation-delay:var(--delay);transition:box-shadow .2s}.xn-face{display:block;position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#e7dfed}.xn-face img{position:absolute;display:block}.xn-person:hover,.xn-person:focus-visible{box-shadow:0 0 0 4px #b58dd433,0 10px 25px #42235225;z-index:5;animation-play-state:paused}.xn-person:focus-visible{outline:3px solid #783cae;outline-offset:5px}.xn-play{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:27px;height:27px;background:#7f43bc;border:3px solid white;border-radius:50%;font-size:10px;color:white;box-shadow:0 3px 8px #47265b20;z-index:4;padding-left:1px}.xn-tip{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#2b1d3d;color:#fff;border-radius:8px;padding:7px 9px;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none}.xn-person:hover .xn-tip,.xn-person:focus-visible .xn-tip{opacity:1}.xn-portrait-only{opacity:.8;border-width:3px}.xn-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 0;border-top:1px solid #e9e1ef;gap:12px}.xn-foot>span{font-size:10px;color:#8a7b95}.xn-motion{border:0;background:transparent;font:inherit;font-size:10px;text-decoration:underline;color:#775988;cursor:pointer;padding:7px 0}.xn-paused .xn-person,.xn-paused .xn-connections path{animation-play-state:paused}.xn-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.xn-story{display:flex;align-items:center;gap:18px;padding:25px 20px;background:linear-gradient(130deg,#fff,#f4eff9);border:1px solid #e5ddec;border-radius:19px;color:#251a37;text-decoration:none;transition:transform .2s,box-shadow .2s}.xn-story:hover{transform:translateY(-4px);box-shadow:0 12px 30px #533c6a15}.xn-card-portrait{position:relative;flex-shrink:0;width:80px;height:80px;border:4px solid white;border-radius:50%;box-shadow:0 5px 15px #42235220}.xn-story-copy{display:flex;flex-direction:column;gap:9px;min-width:0}.xn-story-copy small{font-size:8px;letter-spacing:1px;color:#9c87aa}.xn-story-copy strong{font-size:18px;font-weight:650}.xn-story-copy>span{font-size:11px;color:#7d4ba5}.xn-story-copy b{padding-left:6px}.xn-more{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;align-items:center;margin-top:27px}.xn-more>span{font-size:12px;color:#88778f}.xn-more>a{font-size:12px;text-decoration:none;color:#77508f;border:1px solid #e2d8eb;padding:9px 14px;border-radius:20px}.xn-story:focus-visible,.xn-more>a:focus-visible,.xn-motion:focus-visible{outline:3px solid #9057bf;outline-offset:4px}@keyframes xn-bob{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes xn-flow{to{stroke-dashoffset:-180}}@media(max-width:1100px){.xn-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xn-heading h2{font-size:25px}.xn-story{padding:22px 16px}.xn-card-portrait{width:72px;height:72px}}@media(max-width:600px){.xn-wrap{padding:22px 10px 14px;border-radius:22px}.xn-heading{padding:0 8px}.xn-heading h2{font-size:25px}.xn-heading h2 br{display:block}.xn-heading>span{font-size:10px}.xn-network{aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;padding:25px 16px 22px;margin:0}.xn-connections,.xn-centre,.xn-portrait-only{display:none}.xn-person{position:relative;left:auto;top:auto;width:100%;max-width:90px;justify-self:center;transform:none;border-width:3px;animation:none;min-width:44px}.xn-play{width:26px;height:26px}.xn-tip{display:none}.xn-foot{padding:8px 6px 0}.xn-foot>span{font-size:9px}.xn-motion{display:none}.xn-story-grid{grid-template-columns:1fr;gap:12px}.xn-story{padding:17px 20px}.xn-card-portrait{width:70px;height:70px}.xn-story-copy strong{font-size:17px}.xn-more{gap:10px}.xn-more>span{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.xn-person,.xn-connections path{animation:none}.xn-story,.xn-person{transition:none}.xn-motion{display:none}}
