![\"AI](\"https://framerusercontent.com/images/casoaE66ey3CNNdEyRT6XDLTo.svg\")
![\"AI](\"https://framerusercontent.com/images/fX8FRgMOU63jASSbWCcs81LAvfw.svg\")
Talent→Consulting→
Cookie preferences
Choose which cookies AI Circle may use. Essential cookies keep the site working and can\\'t be turned off.
EssentialSecurity, forms, and remembering this choice.
Always on\\n ![\"AI](\"${A}ai-circle-logo-black.svg\")
![\"AI](\"${A}ai-circle-logo-white.svg\")
\\n \\n \\n \\n
\\n \\n \\n \\n \\n ${NAV.map(([t, h, sub]) => sub ? `` : `${t}→`).join(\"\")}\\n \\n
`;\\n const footer = `\\n \\n \\n ${t}+
${sub.map(([s, sh]) => `${s}`).join(\"\")}\\n \\n \\n \\n \\n \\n
Cookie preferences
Choose which cookies AI Circle may use. Essential cookies keep the site working and can\\'t be turned off.
\\nEssentialSecurity, forms, and remembering this choice.
Always on\\n
${items.map((m, i) => `${String(i + 1).padStart(2, \"0\")}${m.eb ? m.eb + \" \\xb7 \" : \"\"}${m.t}`).join(\"\")}
.step* + .art img* (same count) + .ctrl + .bars\\n $$(\".p-stepper\").forEach((sp) => {\\n const steps = $$(\".step\", sp), arts = $$(\".art img\", sp); if (!steps.length) return;\\n let bars = $(\".bars\", sp); if (!bars) { bars = document.createElement(\"div\"); bars.className = \"bars\"; sp.appendChild(bars); }\\n bars.innerHTML = steps.map(() => \"\").join(\"\");\\n let i = 0, timer = null; const dur = +(sp.dataset.auto || 6000);\\n const set = (n) => { i = (n + steps.length) % steps.length; steps.forEach((s, k) => s.classList.toggle(\"on\", k === i)); arts.forEach((a, k) => a.classList.toggle(\"on\", k === i % arts.length)); $$(\"i\", bars).forEach((b, k) => { b.className = k < i ? \"done\" : \"\"; }); const cur = $$(\"i\", bars)[i]; void cur.offsetWidth; cur.className = \"on\"; restart(); };\\n const restart = () => { clearTimeout(timer); if (!RM) timer = setTimeout(() => vis && set(i + 1), dur); };\\n let vis = false; new IntersectionObserver((es) => { vis = es[0].isIntersecting; if (vis) restart(); }, { threshold: 0.3 }).observe(sp);\\n const prev = $(\".prev\", sp), next = $(\".next\", sp); if (prev) prev.onclick = () => set(i - 1); if (next) next.onclick = () => set(i + 1);\\n set(0);\\n });\\n function $(s, c) { return c.querySelector(s); }\\n\\n // quote slider: .p-quote with .slide-q children + auto dots\\n $$(\".p-quote\").forEach((q) => {\\n const sl = $$(\".slide-q\", q); if (sl.length < 2) { sl.forEach((s) => s.classList.add(\"on\")); return; }\\n const dots = document.createElement(\"div\"); dots.className = \"dots\"; dots.innerHTML = sl.map((_, k) => ``).join(\"\");\\n (q.querySelector(\".main\") || q).appendChild(dots);\\n let i = 0, t; const set = (n) => { i = (n + sl.length) % sl.length; sl.forEach((s, k) => s.classList.toggle(\"on\", k === i)); $$(\"button\", dots).forEach((d, k) => d.classList.toggle(\"on\", k === i)); clearTimeout(t); if (!RM) t = setTimeout(() => set(i + 1), 7000); };\\n $$(\"button\", dots).forEach((d, k) => (d.onclick = () => set(k))); set(0);\\n });\\n\\n // accordion filters: .p-filters [data-filter-for=\"#listId\"] input = text search, select = data-k match\\n $$(\".p-filters\").forEach((f) => {\\n const list = document.querySelector(f.dataset.for); if (!list) return;\\n const items = $$(\"details\", list), cnt = document.querySelector(f.dataset.count || \"_\");\\n const apply = () => { const q = (f.querySelector(\"input\") || {}).value || \"\", sel = $$(\"select\", f).map((s) => s.value).filter(Boolean); let n = 0;\\n $$(\"details\", list).forEach((d) => { const t = d.textContent.toLowerCase(), ok = (!q || t.includes(q.toLowerCase())) && sel.every((v) => (d.dataset.k || \"\").includes(v)); d.style.display = ok ? \"\" : \"none\"; if (ok) n++; });\\n if (cnt) cnt.textContent = cnt.dataset.tpl ? cnt.dataset.tpl.replace(\"#\", n) : n; };\\n f.addEventListener(\"input\", apply); f.addEventListener(\"change\", apply);\\n });\\n\\n // count-up for numbers in .p-stat .big[data-count] (keeps the exact live text once done)\\n const cio = new IntersectionObserver((es) => es.forEach((e) => { if (!e.isIntersecting) return; cio.unobserve(e.target); const el = e.target, final = el.textContent, m = final.match(/[\\\\d,.]+/); if (!m || RM || (final.match(/\\\\d[\\\\d,.]*/g) || []).length > 1) return;\\n const num = parseFloat(m[0].replace(/,/g, \"\")), dec = (m[0].split(\".\")[1] || \"\").length, t0 = performance.now();\\n const step = (t) => { const k = Math.min(1, (t - t0) / 1400), v = num * (1 - Math.pow(1 - k, 3)); el.textContent = final.replace(m[0], v.toLocaleString(\"en-US\", { minimumFractionDigits: dec, maximumFractionDigits: dec })); if (k < 1) requestAnimationFrame(step); else el.textContent = final; };\\n requestAnimationFrame(step); }), { threshold: 0.4 });\\n $$(\".p-stat .big[data-count]\").forEach((el) => cio.observe(el));\\n})();\\n\\n/* ===== POLISH: menu photos, lazy images, drawer, arrows ===== */\\n(function () {\\n const root = \"\";\\n const PH = [\"1e3b175a5906\",\"543ab1d1db21\",\"95cc19ce6ead\",\"7cd2283a5c1f\",\"5c4cf2621594\",\"88e6ea42650b\",\"7621c90050bc\",\"2314bc188b91\",\"6bd79b223b54\",\"55546689b176\",\"de763cc27028\",\"41d9350f6abc\"];\\n // ROUND 79 \\xb7 PERF: the dropdown-card photos (~390KB) used to download on every page load, phones included (they never see them).\\n // Now: desktop/mouse loads them quietly once the page is idle (ready before anyone hovers); any device loads them on first menu use.\\n const mfs = [...document.querySelectorAll(\"#hdr .mf\")], picks = mfs.map((m, i) => PH[(i * 3 + ((Math.random() * PH.length) | 0)) % PH.length]);\\n let mfDone = false; const mfLoad = () => { if (mfDone) return; mfDone = true; mfs.forEach((m, i) => { m.style.backgroundImage = `url(${__A(\"site/\" + picks[i] + \".jpg\")})`; }); };\\n if (mfs.length) {\\n const nav = document.querySelector(\"#hdr .links\"); if (nav) { nav.addEventListener(\"pointerenter\", mfLoad, { once: true }); nav.addEventListener(\"focusin\", mfLoad, { once: true }); }\\n if (matchMedia(\"(hover: hover) and (pointer: fine)\").matches) { const idle = () => (window.requestIdleCallback || setTimeout)(mfLoad, { timeout: 2500 }); if (document.readyState === \"complete\") idle(); else __ambxOnLoad( idle, { once: true }); }\\n }\\n // lazy-load images below the first screen\\n document.querySelectorAll(\".ambx-main img\").forEach((im) => { if (!im.closest(\".s-hero,.p-hero\") && im.getBoundingClientRect().top > innerHeight * 1.2) { im.loading = \"lazy\"; im.decoding = \"async\"; } });\\n // drawer: lock scroll + staggered entrance\\n const dr = document.getElementById(\"drawer\"), bg = document.getElementById(\"burger\");\\n if (dr && bg) { bg.addEventListener(\"click\", () => { document.documentElement.classList.toggle(\"drawer-open\", dr.classList.contains(\"open\")); bg.classList.toggle(\"x\", dr.classList.contains(\"open\")); }); }\\n})();\\n\\n/* ===== ROUND 9 \\xb7 SCALE SCROLL ENGINE ===== */\\n(function () {\\n const $$ = (s, c = document) => [...c.querySelectorAll(s)];\\n const RM = matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\\n const clamp = (v, a = 0, b = 1) => Math.min(b, Math.max(a, v));\\n\\n // A \\xb7 pinned chapter stories: .x-pin > .x-visual > .x-plate > .x-media > (img|iframe)* ; .x-chapters > .x-ch*\\n const stories = $$(\".x-story\").map((st) => {\\n const chs = $$(\".x-ch\", st), media = $$(\".x-media > :not(.grid)\", st), plate = st.querySelector(\".x-plate\");\\n const per = +(st.dataset.vh || 90);\\n if (!RM) st.style.height = `calc(100vh + ${chs.length * per}vh)`;\\n let ticks = st.querySelector(\".x-ticks\");\\n if (!ticks && chs.length > 1) { ticks = document.createElement(\"div\"); ticks.className = \"x-ticks\"; ticks.innerHTML = chs.map(() => \"\").join(\"\"); st.querySelector(\".x-pin\").appendChild(ticks); }\\n return { st, chs, media, plate, ticks: ticks ? $$(\"b\", ticks) : [], cur: -1 };\\n });\\n\\n // ROUND 76 \\xb7 short screens (e.g. 1280\\xd7720 laptops): the photo + chapter text did not fit the pinned screen and the text was cut\\n // off at the bottom. Only when that would happen, the photo is scaled down just enough (and the text box made tall enough);\\n // screens where everything already fits are left exactly as they were.\\n const fitStories = () => stories.forEach((s) => {\\n const pin = s.st.querySelector(\".x-pin\"), vis = s.st.querySelector(\".x-visual\"), box = s.st.querySelector(\".x-chapters\");\\n if (!pin || !vis || !box || RM) return;\\n vis.style.maxWidth = \"\"; box.style.minHeight = \"\";\\n const cs = getComputedStyle(pin), row = cs.flexDirection === \"row\";\\n const padB = parseFloat(cs.paddingBottom) || 0, padT = parseFloat(cs.paddingTop) || 0;\\n const tallest = Math.max(0, ...s.chs.map((c) => c.scrollHeight));\\n const over = () => { const pr = pin.getBoundingClientRect(), br = box.getBoundingClientRect(), vr = vis.getBoundingClientRect();\\n return Math.max(br.top + Math.max(tallest, box.offsetHeight) - (pr.top + pin.clientHeight - padB * 0.5), (pr.top + padT * 0.75) - vr.top); };\\n if (over() <= 2) return;\\n if (!row && tallest > box.offsetHeight) box.style.minHeight = tallest + \"px\";\\n const ratio = vis.offsetWidth / Math.max(1, vis.offsetHeight);\\n const used = row ? 0 : Math.max(tallest, box.offsetHeight) + (parseFloat(getComputedStyle(box).marginTop) || 0) + 24;\\n const avail = pin.clientHeight - padT - padB - used;\\n vis.style.maxWidth = Math.max(220, Math.floor(avail * ratio)) + \"px\";\\n });\\n if (stories.length) { fitStories(); addEventListener(\"resize\", fitStories); __ambxOnLoad( fitStories); if (document.fonts && document.fonts.ready) document.fonts.ready.then(fitStories); setTimeout(fitStories, 1200); }\\n\\n // B \\xb7 stacking layers\\n const layers = $$(\".x-stack > .x-layer\");\\n layers.forEach((l) => { if (!l.querySelector(\":scope > .x-dim\")) { const d = document.createElement(\"div\"); d.className = \"x-dim\"; l.appendChild(d); } });\\n // ROUND 55 \\xb7 a pinned card whose buttons sit at its very bottom gets room under them, so they rise into view and stay\\n // clickable before the next card slides over (they used to be covered almost as soon as they appeared)\\n const roomForCtas = (l) => {\\n let sp = l.querySelector(\":scope > .x-cta-room\"); const lr = l.getBoundingClientRect(), cur = sp ? sp.offsetHeight : 0;\\n // ROUND 62 \\xb7 every link counts (list rows too), so the last row of a stacked layer is never covered before it can be tapped\\n const ctas = [...l.querySelectorAll(\"a[href], a[data-href], button\")].filter((a) => { const r = a.getBoundingClientRect(); return r.width && r.height && !a.closest(\".x-dim,.drawer,.menu,[aria-hidden=true],.x-story,.p-hero,.s-hero,.marq,.net-stage,iframe\"); });\\n if (!ctas.length) { if (sp) sp.style.height = \"0px\"; return; }\\n const lowest = Math.max(...ctas.map((a) => a.getBoundingClientRect().bottom)), gap = lr.bottom - cur - lowest, need = Math.round(innerHeight * 0.3);\\n const h = Math.max(0, need - gap); if (!sp && !h) return;\\n if (!sp) { sp = document.createElement(\"div\"); sp.className = \"x-cta-room\"; sp.setAttribute(\"aria-hidden\", \"true\"); const d = l.querySelector(\":scope > .x-dim\"); d ? l.insertBefore(sp, d) : l.appendChild(sp); }\\n if (Math.abs(cur - h) > 2) sp.style.height = h + \"px\";\\n };\\n const setTops = () => layers.forEach((l) => { const last = !l.nextElementSibling || !l.nextElementSibling.classList.contains(\"x-layer\"); if (!last) roomForCtas(l); l.style.top = last ? \"0px\" : Math.min(0, innerHeight - l.offsetHeight) + \"px\"; });\\n if (!RM) { setTops(); addEventListener(\"resize\", setTops); __ambxOnLoad( setTops); if (window.ResizeObserver && layers.length) { let t; const ro = new ResizeObserver(() => { clearTimeout(t); t = setTimeout(setTops, 60); }); layers.forEach((l) => ro.observe(l)); } } else layers.forEach((l) => (l.style.position = \"relative\"));\\n\\n // C \\xb7 scrubbed headings: [data-reveal] or auto on section heads\\n const revs = $$(\"[data-reveal], .p-head h2, .p-mission h2, .s-news .ttl, .x-reveal-auto\").filter((h) => h.querySelector(\".sw\"));\\n revs.forEach((h) => h.classList.add(\"x-reveal\"));\\n\\n // D \\xb7 centre-focus carousels\\n $$(\".x-focus\").forEach((row) => {\\n const kids = [...row.children];\\n const upd = () => { const c = row.getBoundingClientRect(), mid = c.left + c.width / 2; let best = null, bd = 1e9; kids.forEach((k) => { const r = k.getBoundingClientRect(), d = Math.abs(r.left + r.width / 2 - mid); if (d < bd) { bd = d; best = k; } }); kids.forEach((k) => k.classList.toggle(\"focus\", k === best)); };\\n let rq = false; row.addEventListener(\"scroll\", () => { if (!rq) { rq = true; requestAnimationFrame(() => { rq = false; upd(); }); } }, { passive: true }); upd();\\n const ctrl = row.nextElementSibling && row.nextElementSibling.classList.contains(\"x-focus-ctrl\") ? row.nextElementSibling : null;\\n if (ctrl) { const [p, n] = $$(\"button\", ctrl); const go = (d) => { const f = kids.indexOf(row.querySelector(\".focus\")); const t = kids[clamp(f + d, 0, kids.length - 1)]; row.scrollTo({ left: t.offsetLeft - (row.clientWidth - t.clientWidth) / 2, behavior: \"smooth\" }); }; p && (p.onclick = () => go(-1)); n && (n.onclick = () => go(1)); }\\n setTimeout(() => { const m = kids[row.dataset.start ? +row.dataset.start : (kids.length >= 4 ? 1 : Math.floor(kids.length / 2))]; if (m) row.scrollLeft = m.offsetLeft - (row.clientWidth - m.clientWidth) / 2; upd(); }, 50);\\n });\\n\\n function tick() {\\n const vh = innerHeight;\\n stories.forEach((s) => {\\n const r = s.st.getBoundingClientRect(), total = r.height - vh, p = clamp(-r.top / Math.max(1, total));\\n const n = s.chs.length, f = p * n, i = Math.min(n - 1, Math.floor(f));\\n if (i !== s.cur) { s.cur = i; s.media.forEach((m, k) => m.classList.toggle(\"on\", k === Math.min(i, s.media.length - 1) || (s.media.length < n && k === i % s.media.length))); }\\n // scrubbed chapter crossfade: each chapter fades/rises in over the first 30% of its slot and out over the last 22%\\n s.chs.forEach((c, k) => {\\n const local = f - k; let o;\\n if (k === 0 && local < 0.3) o = 1; else if (k === n - 1 && local > 0.7) o = 1;\\n else o = clamp(Math.min(local / 0.3, (1 - local) / 0.22));\\n const y = (1 - o) * (local < 0.5 ? 22 : -16);\\n c.style.opacity = o.toFixed(3); c.style.transform = `translateY(${y.toFixed(1)}px)`; c.style.pointerEvents = o > 0.6 ? \"auto\" : \"none\"; c.classList.toggle(\"on\", o > 0.5);\\n });\\n s.ticks.forEach((b, k) => (b.style.transform = `scaleX(${clamp(f - k)})`));\\n if (s.plate && !RM) { const k = p * 2 - 1; s.plate.style.transform = `rotateX(${10 - p * 10}deg) rotateY(${-18 + p * 36}deg) rotateZ(${k * 2}deg) scale(${0.94 + Math.sin(p * Math.PI) * 0.06})`; }\\n });\\n layers.forEach((l, k) => { const nx = l.nextElementSibling && l.nextElementSibling.classList.contains(\"x-layer\") ? l.nextElementSibling : null; const d = l.querySelector(\":scope > .x-dim\"); if (!nx || !d) return; const r = nx.getBoundingClientRect(); const q = clamp(1 - r.top / vh); d.style.opacity = (q * 0.5).toFixed(3); if (!RM && nx.previousElementSibling === l) { const inner = l.__inner || (l.__inner = l.firstElementChild); if (inner && inner !== d && !(inner.__emb ?? (inner.__emb = !!inner.querySelector(\"iframe\")))) { inner.style.transform = q > 0 ? `scale(${(1 - q * 0.04).toFixed(4)})` : \"\"; inner.style.transformOrigin = \"50% 0\"; } } });\\n revs.forEach((h) => { const r = h.getBoundingClientRect(); if (r.bottom < -50 || r.top > vh + 50) return; const ws = h.__ws || (h.__ws = $$(\".sw > span\", h)); const p = clamp((vh * 0.92 - r.top) / (vh * 0.38)) * ws.length; ws.forEach((w, k) => { const o = RM ? 1 : 0.16 + 0.84 * clamp(p - k); w.style.opacity = o.toFixed(3); }); });\\n }\\n __onFrame(tick); addEventListener(\"resize\", tick); tick();\\n})();\\n\\n/* ===== HUD LINE-ART over pinned visuals & frames (Scale\\'s engineered look; decorative, no text) ===== */\\n(function () {\\n const NS = \"http://www.w3.org/2000/svg\";\\n const hud = (host, seed) => {\\n let r = seed * 9301 + 49297; const rnd = () => ((r = (r * 9301 + 49297) % 233280) / 233280);\\n const W = 1000, H = 625, svg = document.createElementNS(NS, \"svg\");\\n svg.setAttribute(\"viewBox\", `0 0 ${W} ${H}`); svg.setAttribute(\"class\", \"hud-svg\"); svg.setAttribute(\"aria-hidden\", \"true\"); svg.setAttribute(\"preserveAspectRatio\", \"none\");\\n let g = \"\";\\n // corner brackets\\n [[18, 18, 1, 1], [W - 18, 18, -1, 1], [18, H - 18, 1, -1], [W - 18, H - 18, -1, -1]].forEach(([x, y, a, b]) => (g += ``));\\n // tick rulers (top + left)\\n for (let i = 60; i < W - 60; i += 20) g += ``;\\n for (let i = 60; i < H - 60; i += 20) g += ``;\\n // node graph\\n const n = 7 + ((rnd() * 4) | 0), pts = [];\\n for (let i = 0; i < n; i++) pts.push([90 + rnd() * (W - 180), 70 + rnd() * (H - 140)]);\\n pts.forEach((p, i) => { const q = pts[(i + 1 + ((rnd() * 2) | 0)) % n]; g += ``; });\\n pts.forEach((p, i) => (g += i % 3 ? `` : ``));\\n // crosshair on one node\\n const c = pts[0]; g += ``;\\n // scan line\\n g += ``;\\n svg.innerHTML = g; host.appendChild(svg);\\n };\\n document.querySelectorAll(\".x-media, .s-frame .plate > .content\").forEach((m, i) => { if (!m.querySelector(\".hud-svg\") && m.querySelector(\"img\")) hud(m, i + 3); });\\n})();\\n\\n/* ===== ROUND 66 \\xb7 touch screens: link marquees (speaker cards) can be swiped, and stop while a finger is on them, so any card can be tapped ===== */\\n(function () {\\n if (!matchMedia(\"(pointer:coarse)\").matches || matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\\n document.querySelectorAll(\".marq\").forEach((mq) => {\\n const t = mq.querySelector(\".marq-track\"); if (!t || !t.querySelector(\"a[href]\")) return;\\n t.style.animation = \"none\"; mq.style.touchAction = \"pan-y\"; mq.style.overflow = \"hidden\";\\n const dir = mq.classList.contains(\"rev\") ? -1 : 1; let x = 0, last = 0, held = false, hold = 0, vis = true, sx = 0, px = 0, moved = false;\\n // ROUND 75 \\xb7 PERF: width + speed are measured once (and on resize / image load), not every frame (that forced a layout per frame),\\n // and only one animation loop runs per strip however often it scrolls in and out of view\\n let half = 1, sp = 0, running = false;\\n const measure = () => { half = t.scrollWidth / 2 || 1; sp = half / (parseFloat(getComputedStyle(t).getPropertyValue(\"--dur\")) || 60); };\\n measure(); addEventListener(\"resize\", measure); t.addEventListener(\"load\", measure, true);\\n if (window.ResizeObserver) new ResizeObserver(measure).observe(t);\\n new IntersectionObserver((es) => { vis = es[0].isIntersecting; if (vis && !running) { running = true; last = 0; measure(); requestAnimationFrame(step); } }, { rootMargin: \"100px\" }).observe(mq);\\n function step(now) {\\n if (!vis) { running = false; return; }\\n if (last && !held && now > hold) x += dir * sp * Math.min(0.05, (now - last) / 1000);\\n last = now; x = ((x % half) + half) % half; t.style.transform = `translate3d(${-x}px,0,0)`; requestAnimationFrame(step);\\n }\\n mq.addEventListener(\"pointerdown\", (e) => { held = true; moved = false; sx = px = e.clientX; }, { passive: true });\\n mq.addEventListener(\"pointermove\", (e) => { if (!held) return; const d = e.clientX - px; px = e.clientX; if (Math.abs(e.clientX - sx) > 8) moved = true; x -= d; }, { passive: true });\\n const up = () => { held = false; hold = performance.now() + 2500; };\\n mq.addEventListener(\"pointerup\", up); mq.addEventListener(\"pointercancel\", up); mq.addEventListener(\"pointerleave\", up);\\n mq.addEventListener(\"click\", (e) => { if (moved) { e.preventDefault(); e.stopPropagation(); moved = false; } }, true);\\n });\\n})();\\n\\n/* ===== SMOOTHNESS: pause off-screen marquees, scrubbed reveals for content blocks ===== */\\n(function () {\\n const RM = matchMedia(\"(prefers-reduced-motion: reduce)\").matches; if (RM) return;\\n const mq = new IntersectionObserver((es) => es.forEach((e) => e.target.style.animationPlayState = e.isIntersecting ? \"\" : \"paused\"), { rootMargin: \"100px\" });\\n document.querySelectorAll(\".marq-track\").forEach((t) => mq.observe(t));\\n // scrubbed entrance for grids/cards (Scale\\'s content eases up with scroll rather than popping)\\n const items = [...document.querySelectorAll(\".p-tiles>*,.p-values>*,.p-checks>*,.p-stats>*,.s-bench .cards>*,.p-mosaic>*,.p-dcards>*,.s-news .stagger>*,.p-photos>*\")];\\n items.forEach((el) => { el.style.willChange = \"transform,opacity\"; });\\n const clamp = (v) => Math.min(1, Math.max(0, v));\\n let pending = items.slice(); const tick = () => { if (!pending.length) return; const vh = innerHeight; pending = pending.filter((el) => { const r = el.getBoundingClientRect(); if (r.top > vh + 40) return true; const p = clamp((vh - r.top) / (vh * 0.35)); if (p >= 1 || r.bottom < 0) { el.style.opacity = \"\"; el.style.transform = \"\"; el.style.willChange = \"\"; return false; } el.style.opacity = (0.001 + p).toFixed(3); el.style.transform = `translateY(${((1 - p) * 36).toFixed(1)}px)`; return true; }); };\\n __onFrame(tick); addEventListener(\"resize\", tick); setTimeout(tick, 50);\\n})();\\n\\n/* ===== NET-EXPLORE behaviour: grow-in on scroll, click to explore, Esc / scroll-away to release, full screen ===== */\\n(function () {\\n const stages = [...document.querySelectorAll(\".net-stage\")]; if (!stages.length) return;\\n const RM = matchMedia(\"(prefers-reduced-motion: reduce)\").matches, clamp = (v) => Math.min(1, Math.max(0, v));\\n stages.forEach((st) => {\\n // ROUND 80 \\xb7 only a LIVE stage keeps the wheel; a gated stage is part of the page, so Lenis keeps smooth-scrolling over it\\n // (always-on data-lenis-prevent switched to raw native scroll whenever the cursor crossed the 92vh stage = stutter/jump)\\n const tl = st.nextElementSibling && st.nextElementSibling.classList.contains(\"tools\") ? st.nextElementSibling : st; const gate = st.querySelector(\".gate\"), fs = tl.querySelector(\".fs\"), ex = tl.querySelector(\".exit\");\\n const on = () => { st.classList.add(\"is-live\"); st.setAttribute(\"data-lenis-prevent\", \"\"); const f = st.querySelector(\"iframe\"); try { f.contentWindow.focus(); } catch (e) {} };\\n const off = () => { st.classList.remove(\"is-live\"); st.removeAttribute(\"data-lenis-prevent\"); };\\n gate && gate.addEventListener(\"click\", on);\\n const fr = st.querySelector(\"iframe\"); const hook = () => { try { fr.contentWindow.addEventListener(\"keydown\", (e) => { if (e.key === \"Escape\") off(); }); } catch (e) {} }; fr && (fr.addEventListener(\"load\", hook), hook());\\n document.addEventListener(\"fullscreenchange\", () => { if (!document.fullscreenElement) off(); });\\n gate && gate.addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); on(); } });\\n ex && ex.addEventListener(\"click\", off);\\n fs && fs.addEventListener(\"click\", () => { on(); if (document.fullscreenElement) document.exitFullscreen(); else st.requestFullscreen && st.requestFullscreen(); });\\n addEventListener(\"keydown\", (e) => { if (e.key === \"Escape\") off(); });\\n new IntersectionObserver((es) => { if (!es[0].isIntersecting) off(); }, { threshold: 0.25 }).observe(st);\\n });\\n if (RM) return;\\n // ROUND 52 \\xb7 grow in ONCE as the stage arrives, then stay perfectly still: re-scaling a live map every scroll frame made it shimmer/shake\\n const grow = new IntersectionObserver((es) => es.forEach((e) => { if (e.isIntersecting) { e.target.classList.add(\"grown\"); grow.unobserve(e.target); } }), { threshold: 0.12 });\\n stages.forEach((st) => { st.classList.add(\"grow\"); grow.observe(st); });\\n})();\\n\\n/* ===== load the WebGL wireframe stage for pinned stories (http only; file:// keeps the CSS plate) ===== */\\n(function () {\\n const stories = [...document.querySelectorAll(\".x-story\")];\\n if (!stories.length || false) return;\\n // PERF (ROUND 73): three.js (~164KB) is fetched only when a story is about to scroll into view, or once the browser is idle\\n // on desktop; the CSS plate shows until the WebGL stage takes over, so nothing waits on it\\n let done = false;\\n const load = () => { if (done) return; done = true; io && io.disconnect();\\n const s = document.createElement(\"script\"); s.type = \"module\"; s.src = __ambxBlob(\"xgl\"); document.head.appendChild(s); };\\n const io = \"IntersectionObserver\" in window ? new IntersectionObserver((es) => { if (es.some((e) => e.isIntersecting)) load(); }, { rootMargin: matchMedia(\"(max-width: 760px)\").matches ? \"60% 0px\" : \"150% 0px\" }) : null; // ROUND 75 \\xb7 phones: fetch three.js closer to the story\\n if (io) stories.forEach((st) => io.observe(st)); else load();\\n const cn = navigator.connection, lean = matchMedia(\"(max-width: 760px)\").matches || (cn && (cn.saveData || /(^|-)(2g|3g)$/.test(cn.effectiveType || \"\")));\\n const idle = () => setTimeout(() => (window.requestIdleCallback || setTimeout)(load, { timeout: 3000 }), 1500);\\n if (!lean) { if (document.readyState === \"complete\") idle(); else __ambxOnLoad( idle, { once: true }); }\\n})();\\n\\n/* fade lazy images in once decoded */\\n/* ROUND 74 \\xb7 robust: a section that re-mounts (breakpoint change, hydration) or a marquee clone brings fresh ![]()
s that never got a\\n listener, and they stayed at opacity 0 (speaker cards, photo reels, logo strips). One capture listener on the document catches every\\n image load, and a sweep marks any already-complete image, on boot and whenever main gets new nodes. */\\n(function () {\\n const sel = \\'.ambx-main img[loading=\"lazy\"]:not(.loaded)\\';\\n const sweep = () => document.querySelectorAll(sel).forEach((im) => { if (im.complete) im.classList.add(\"loaded\"); });\\n if (!window.__aicLazy) {\\n window.__aicLazy = true;\\n const mark = (e) => { const t = e.target; if (t && t.tagName === \"IMG\") t.classList.add(\"loaded\"); };\\n document.addEventListener(\"load\", mark, true); document.addEventListener(\"error\", mark, true);\\n let q = 0; const later = () => { if (!q) q = requestAnimationFrame(() => { q = 0; sweep(); }); };\\n if (window.MutationObserver) new MutationObserver(later).observe(document.body, { childList: true, subtree: true });\\n [600, 2000, 5000].forEach((ms) => setTimeout(sweep, ms));\\n }\\n sweep();\\n})();\\n\\n/* ROUND 77 \\xb7 touch: Primer link chips wrap onto rows 6px apart; only the first row\\'s tap area grows up and the last row\\'s down */\\n(function () {\\n if (!matchMedia(\"(pointer: coarse)\").matches) return;\\n const mark = () => document.querySelectorAll(\".rlinks\").forEach((g) => { const as = [...g.querySelectorAll(\":scope > a\")]; if (!as.length) return;\\n const tops = as.map((a) => Math.round(a.offsetTop)), lo = Math.min(...tops), hi = Math.max(...tops);\\n as.forEach((a, i) => { a.classList.toggle(\"rl-top\", tops[i] === lo); a.classList.toggle(\"rl-bot\", tops[i] === hi); }); });\\n mark(); addEventListener(\"resize\", mark); __ambxOnLoad( mark); if (document.fonts && document.fonts.ready) document.fonts.ready.then(mark);\\n})();\\n\\n/* ===== pause embedded apps (network graph, maps) while they are off screen: their render loops cost frames ===== */\\n(function () {\\n const frames = [...document.querySelectorAll(\".ambx-main iframe\")].filter((f) => /embeds\\\\//.test(f.getAttribute(\"src\") || f.dataset.src || \"\"));\\n if (!frames.length || !(\"IntersectionObserver\" in window)) return;\\n const patch = (f) => { try { const w = f.contentWindow; if (!w || w.__aicPatched) return; const raf = w.requestAnimationFrame.bind(w); w.__aicPatched = true; w.__aicPaused = false;\\n w.requestAnimationFrame = (cb) => w.__aicPaused ? w.setTimeout(() => w.requestAnimationFrame(cb), 300) : raf(cb); } catch (e) {} };\\n const io = new IntersectionObserver((es) => es.forEach((e) => { const f = e.target; patch(f); try { f.contentWindow.__aicPaused = !e.isIntersecting; } catch (er) {} }), { rootMargin: \"150px\" });\\n frames.forEach((f) => { f.addEventListener(\"load\", () => { patch(f); io.unobserve(f); io.observe(f); }); patch(f); io.observe(f); });\\n})();\\n\\n/* preload lazy embeds when the browser is idle, so they never load mid-scroll */\\n(function () {\\n const go = () => document.querySelectorAll(\\'.ambx-main iframe[loading=\"lazy\"]\\').forEach((f, i) => setTimeout(() => f.setAttribute(\"loading\", \"eager\"), i * 600));\\n __ambxOnLoad( () => (window.requestIdleCallback ? requestIdleCallback(go, { timeout: 3000 }) : setTimeout(go, 1500)));\\n})();\\n\\n/* ===== Scale-style line-art tiles + logo constellation ===== */\\n(function () { const a = document.createElement(\"script\"); a.src = __ambxBlob(\"xart\"); document.head.appendChild(a); })();\\n\\n/* ===== ROUND 25 \\xb7 MOTION: Scale-style image \"unclip + settle\" on scroll, card spotlight, magnetic arrows ===== */\\n(function () {\\n const RM = matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\\n const clamp = (v) => Math.max(0, Math.min(1, v));\\n // 1) photos un-clip from a rounded window and settle from 1.12 → 1 as they rise into view (scrubbed both ways)\\n const SKIP = \"header,footer,.menu,.drawer,.p-hero,.s-hero,.x-story,.net-stage,.net-explore,.shelf,.x-const,.s-floaters,.marq,.peek,.peek-row,.qcard,.p-quote,.cred-logos,.logo-strip,.trust,.x-tile,.p-logos,.s-case .ic,form,.form-card,[data-lock],.lw-t,.x-focus\";\\n const imgs = [...document.querySelectorAll(\".ambx-main img\"), ...[...document.querySelectorAll(\\'.ambx-main [style*=\"background-image\"]\\')].filter((d) => !d.children.length && !d.textContent.trim())].filter((im) => !im.closest(SKIP + \",.with,.bgimg,.slide,.reel\"));\\n const live = new Set();\\n if (!RM && imgs.length) {\\n const io = new IntersectionObserver((es) => es.forEach((e) => { if (e.isIntersecting) live.add(e.target); else { live.delete(e.target); } }), { rootMargin: \"10% 0px\" });\\n imgs.forEach((im) => { im.classList.add(\"x-unclip\"); io.observe(im); });\\n const tick = () => {\\n const vh = innerHeight;\\n live.forEach((im) => {\\n const r = im.getBoundingClientRect(); if (r.width < 180 || r.height < 120) { im.style.clipPath = \"\"; im.style.transform = \"\"; return; }\\n const p = clamp((vh - r.top) / (vh * 0.5)), e = 1 - Math.pow(1 - p, 3);\\n const sc = 1.12 - 0.12 * e, keep = ((1 - 1 / sc) / 2) * 100, extra = (1 - e) * 9;\\n im.style.transform = `scale(${sc.toFixed(4)})`;\\n im.style.clipPath = `inset(${(keep + extra).toFixed(2)}% ${(keep + extra * 0.6).toFixed(2)}% ${keep.toFixed(2)}% ${(keep + extra * 0.6).toFixed(2)}% round ${(16 / sc).toFixed(1)}px)`;\\n });\\n };\\n (window.__onFrame || ((f) => addEventListener(\"scroll\", f, { passive: true })))(tick); addEventListener(\"resize\", tick); setTimeout(tick, 60);\\n }\\n // 2) spotlight: a soft light follows the pointer across cards and tiles\\n const CARDS = \".p-dcard,.p-tile,.s-bcard,.s-ncard,.card,.p-value,.x-tile,.pcard,.p-stat,.s-case,.p-check,.form-card\";\\n addEventListener(\"pointermove\", (e) => { const c = e.target.closest && e.target.closest(CARDS); if (!c) return; const r = c.getBoundingClientRect(); c.style.setProperty(\"--mx\", (e.clientX - r.left).toFixed(0) + \"px\"); c.style.setProperty(\"--my\", (e.clientY - r.top).toFixed(0) + \"px\"); }, { passive: true });\\n})();\\n\\n/* ===== ROUND 27 \\xb7 DEPTH: one scroll job sets --sp (0 = entering at bottom, 1 = leaving at top) on visible depth targets ===== */\\n(function () {\\n if (matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\\n \\n const NOPE = \".x-story,.p-hero,.s-hero,header,footer,.net-stage,.x-stack>.x-layer:first-child .s-float,form\";\\n const tag = (sel, cls) => document.querySelectorAll(sel).forEach((el) => { if (!el.closest(NOPE)) el.classList.add(cls); });\\n const setup = () => {\\n tag(\".p-head, .chap-head, .sec > .wrap > .eyebrow, .s-bench > .box > .eyebrow, .p-darkbox .p-head\", \"x-depth\");\\n tag(\".x-art, .x-globe\", \"x-par\");\\n tag(\".p-stat, .p-mission .stmt\", \"x-lift\");\\n const els = [...document.querySelectorAll(\".x-depth,.x-par,.x-lift\")], live = new Set();\\n const io = new IntersectionObserver((es) => es.forEach((e) => (e.isIntersecting ? live.add(e.target) : live.delete(e.target))), { rootMargin: \"15% 0px\" });\\n els.forEach((e) => io.observe(e));\\n // write transforms directly (no custom-property recalc); 0.5px quantised so idle frames do nothing\\n const big = (el) => el.matches(\".p-photocta .x-art, .s-cta .x-art\");\\n const tick = () => { const vh = innerHeight; live.forEach((el) => {\\n const r = el.getBoundingClientRect(), sp = Math.max(0, Math.min(1, (vh - r.top) / (vh + r.height))), k = Math.round((0.5 - sp) * 200) / 200;\\n if (el.__k === k) return; el.__k = k;\\n if (el.classList.contains(\"x-depth\")) el.style.transform = `translate3d(0,${(k * 36).toFixed(1)}px,0)`;\\n else if (el.classList.contains(\"x-lift\")) { el.style.transform = `translate3d(0,${(Math.max(0, 0.42 - sp) * 60).toFixed(1)}px,0)`; el.style.opacity = (0.25 + Math.min(1, sp * 2.4) * 0.75).toFixed(2); }\\n else { const svg = el.querySelector(\":scope > svg\"); if (!svg) return; svg.style.transform = el.classList.contains(\"x-globe\") ? `translate3d(0,${(k * 40).toFixed(1)}px,0) rotate(${(-k * 8).toFixed(2)}deg)` : big(el) ? `translate3d(0,${(k * 60).toFixed(1)}px,0) scale(${(0.98 - k * 0.08).toFixed(3)})` : `translate3d(0,${(k * 18).toFixed(1)}px,0) rotate(${(k * 2).toFixed(2)}deg)`; }\\n }); };\\n (window.__onFrame || ((f) => addEventListener(\"scroll\", f, { passive: true })))(tick); addEventListener(\"resize\", tick); tick(); setTimeout(tick, 300);\\n };\\n // x-art.js builds its drawings after load; tag after it has run\\n if (document.readyState === \"complete\") setTimeout(setup, 50); else __ambxOnLoad( () => setTimeout(setup, 50));\\n})();\\n\\n/* speaker-card logos → luminance masks (live files are white-on-black; this drops the black box) */\\n(function () {\\n const run = () => document.querySelectorAll(\".s-cases .s-case .who img:not([data-m])\").forEach((im) => { im.dataset.m = 1;\\n const m = document.createElement(\"i\"), url = `url(\"${im.getAttribute(\"src\")}\")`;\\n m.className = \"logo-m\"; m.setAttribute(\"aria-hidden\", \"true\");\\n m.style.webkitMaskImage = url; m.style.maskImage = url; m.style.webkitMaskSourceType = \"luminance\";\\n m.style.width = \"24px\"; im.after(m); im.style.display = \"none\";\\n const probe = new Image(); probe.crossOrigin = \"anonymous\"; probe.onload = () => {\\n const r = (probe.naturalWidth || 1) / (probe.naturalHeight || 1); m.style.width = Math.max(18, Math.min(110, 20 * r)) + \"px\";\\n // genuinely coloured logos (e.g. Microsoft) stay in colour; white-on-black files become an ink mask\\n try { const c = document.createElement(\"canvas\"), W = (c.width = 48), H = (c.height = Math.max(1, Math.round(48 / r))), g = c.getContext(\"2d\"); g.drawImage(probe, 0, 0, W, H); const d = g.getImageData(0, 0, W, H).data; let sat = 0, n = 0;\\n for (let i = 0; i < d.length; i += 4) { if (d[i + 3] < 128) continue; const mx = Math.max(d[i], d[i + 1], d[i + 2]), mn = Math.min(d[i], d[i + 1], d[i + 2]); if (mx > 40) { sat += (mx - mn) / mx; n++; } }\\n if (n && sat / n > 0.35) { im.style.display = \"\"; im.classList.add(\"logo-c\"); m.remove(); } } catch (e) {}\\n }; probe.src = im.getAttribute(\"src\");\\n });\\n run(); window.__logoMask = run;\\n})();\\n\\n/* hide the section bar once the footer comes into view, so the last section reads in full */\\n(function () { const f = document.querySelector(\"footer.site\"); if (!f) return;\\n new IntersectionObserver((es) => es.forEach((e) => document.querySelectorAll(\".s-rail\").forEach((r) => r.classList.toggle(\"near-foot\", e.isIntersecting))), { threshold: 0 }).observe(f); })();\\n\\n/* closing panel fills the space between the header and the footer at the end of the page */\\n(function () {\\n const panel = () => document.querySelector(\".s-cta.tan .panel-in\") || [...document.querySelectorAll(\".p-photocta .in\")].pop();\\n const fit = () => { const el = panel(); if (!el) return; el.style.removeProperty(\"min-height\");\\n const hdr = (document.getElementById(\"hdr\") || document.querySelector(\"header\")).getBoundingClientRect().height;\\n const docH = document.documentElement.scrollHeight, top = el.getBoundingClientRect().top + scrollY;\\n const topAtEnd = innerHeight - (docH - top); // where the panel\\'s top sits when scrolled to the bottom\\n const extra = topAtEnd - hdr - 8; el.classList.toggle(\"fitted\", extra > 0); if (extra > 0) el.style.setProperty(\"min-height\", Math.round(el.offsetHeight + extra) + \"px\", \"important\"); };\\n if (document.readyState === \"complete\") setTimeout(fit, 200); else __ambxOnLoad( () => setTimeout(fit, 200)); setTimeout(fit, 1500); let t; addEventListener(\"resize\", () => { clearTimeout(t); t = setTimeout(fit, 150); });\\n})();\\n\\n/* ===== form submit label follows validity, like the live Framer form button (\"Complete required fields\" → \"Submit\") ===== */\\n(function () {\\n document.querySelectorAll(\".form-card form\").forEach(function (f) {\\n var b = f.querySelector(\\'button[type=\"submit\"]\\'); if (!b || f.dataset.lbl || b.textContent.trim() !== \"Complete required fields\") return; f.dataset.lbl = \"1\";\\n var u = function () { if (!b.disabled) b.textContent = f.checkValidity() ? \"Submit\" : \"Complete required fields\"; };\\n f.addEventListener(\"input\", u); f.addEventListener(\"change\", u); u();\\n });\\n})();\\n\\n;(function () {\\n if (document.querySelector(\"script[data-ambx-spec]\") || !(HTMLScriptElement.supports && HTMLScriptElement.supports(\"speculationrules\"))) return;\\n var s = document.createElement(\"script\"); s.type = \"speculationrules\"; s.setAttribute(\"data-ambx-spec\", \"\");\\n s.textContent = JSON.stringify({\\n prefetch: [{ source: \"document\", where: { and: [{ href_matches: \"/*\" }, { not: { href_matches: \"/*.*\" } }, { not: { selector_matches: \"[target=_blank],[download]\" } }] }, eagerness: \"eager\" }],\\n prerender: [{ source: \"document\", where: { and: [{ href_matches: \"/*\" }, { not: { href_matches: \"/*.*\" } }, { not: { selector_matches: \"[target=_blank],[download]\" } }] }, eagerness: \"moderate\" }]\\n });\\n document.head.appendChild(s);\\n})();\\n\\n;(function () {\\n // ROUND 74 \\xb7 a page is several sections; Home\\'s tile sits in a later one (Stack), so search them all\\n if (!document.querySelector(\".ambx-main\")) return;\\n const tiles = [].filter.call(document.querySelectorAll(\".ambx-main [data-luma-next]\"), (t) => !t.dataset.luma);\\n const list = document.querySelector(\".ambx-main [data-luma-past]\"); const doList = list && !list.dataset.luma;\\n if (!tiles.length && !doList) return;\\n tiles.forEach((t) => (t.dataset.luma = 1)); if (doList) list.dataset.luma = 1;\\n const api = (period, n) => \"https://api.lu.ma/calendar/get-items?calendar_api_id=cal-xpnypCkGRQUAEjo&period=\" + period + \"&pagination_limit=\" + n;\\n const parse = (txt) => { try { return JSON.parse(txt); } catch (e) { const a = txt.indexOf(\"{\"), b = txt.lastIndexOf(\"}\"); try { return a >= 0 ? JSON.parse(txt.slice(a, b + 1)) : null; } catch (e2) { return null; } } };\\n const raw = async (u) => { for (const x of [u, \"https://r.jina.ai/\" + u]) { try { const r = await fetch(x); if (!r.ok) continue; const d = parse(await r.text()); if (d && d.entries) return d; } catch (e) {} } return null; };\\n const get = async (u) => { const d = await raw(u); return d ? d.entries.map((e) => e.event).filter(Boolean) : null; };\\n const info = (v) => {\\n const d = new Date(v.start_at), tz = v.timezone || \"America/New_York\", g = v.geo_address_info || {};\\n const city = g.city || g.city_state || \"Online\";\\n return { city, short: d.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\", timeZone: tz }), year: d.toLocaleDateString(\"en-US\", { year: \"numeric\", timeZone: tz }),\\n long: d.toLocaleDateString(\"en-US\", { weekday: \"long\", month: \"long\", day: \"numeric\", timeZone: tz }),\\n time: d.toLocaleTimeString(\"en-US\", { hour: \"numeric\", minute: \"2-digit\", timeZone: tz, timeZoneName: \"short\" }) };\\n };\\n const setLab = (t, left, right) => { const lab = t.querySelector(\".lab\"); if (!lab) return; const sp = lab.querySelectorAll(\":scope > span\");\\n if (sp.length >= 2) { sp[0].textContent = left; sp[1].textContent = right; } else lab.innerHTML = \\'\\' + left + \" \\xb7 \" + right; };\\n const generic = (t) => { t.href = \"https://luma.com/ai-circle\"; t.target = \"_blank\"; t.rel = \"noopener\"; t.removeAttribute(\"data-start\");\\n setLab(t, \"What\\'s next\", \"AI Circle calendar\"); const h = t.querySelector(\"h3\"), p = t.querySelector(\"p:not(.more)\");\\n if (h) h.textContent = \"The next rooms are being set. See what\\'s coming on Luma.\";\\n if (p) p.textContent = \"Dinners, conference sidecars, and member gatherings appear on the calendar as soon as they are published.\"; };\\n // a saved event that has already started never shows as \"Live upcoming\", even before (or without) the feed answering\\n tiles.forEach((t) => { const s = t.getAttribute(\"data-start\"); if (s && new Date(s).getTime() < Date.now()) generic(t); });\\n if (tiles.length) get(api(\"future\", 6)).then((es) => {\\n const now = Date.now();\\n const ev = (es || []).filter((v) => new Date(v.start_at).getTime() > now).sort((a, b) => new Date(a.start_at) - new Date(b.start_at))[0];\\n tiles.forEach((t) => {\\n if (!ev) { const s = t.getAttribute(\"data-start\"); if (es || (s && new Date(s).getTime() < now)) generic(t); return; }\\n const f = info(ev); t.href = \"https://luma.com/\" + ev.url; t.setAttribute(\"data-start\", ev.start_at);\\n setLab(t, \"Live upcoming\", f.short + \" \\xb7 \" + f.city);\\n const h = t.querySelector(\"h3\"), p = t.querySelector(\"p:not(.more)\");\\n if (h) h.textContent = ev.name;\\n if (p) p.textContent = f.long + \" \\xb7 \" + f.time + \" \\xb7 \" + f.city + \". RSVP on Luma. Approval follows the same bar as everything else we run.\";\\n });\\n });\\n // Past rooms = every event since FROM, newest first. Curated titles (with their tags) are kept for known events.\\n if (doList) (async () => {\\n const FROM = Date.parse(\"2026-01-01T00:00:00Z\"), now = Date.now(), all = new Map();\\n let cur = \"\", guard = 0;\\n while (guard++ < 8) {\\n const d = await raw(api(\"past\", 50) + (cur ? \"&pagination_cursor=\" + encodeURIComponent(cur) : \"\")); if (!d) break;\\n const es = d.entries.map((e) => e.event).filter(Boolean); es.forEach((v) => all.set(v.url, v));\\n if (!d.has_more || !d.next_cursor || !es.length || Date.parse(es[es.length - 1].start_at) < FROM) break; cur = d.next_cursor;\\n }\\n const evs = [...all.values()].filter((v) => { const t = Date.parse(v.start_at); return t >= FROM && t < now; }).sort((a, b) => Date.parse(b.start_at) - Date.parse(a.start_at));\\n const known = new Map([].map.call(list.querySelectorAll(\"a.ev-row\"), (a) => [a.getAttribute(\"href\").replace(/\\\\/+$/, \"\").split(\"/\").pop(), a.querySelector(\".t\")]));\\n if (!evs.length || evs.length < known.size * 0.6) return; // partial or failed feed: keep the static list\\n const frag = document.createDocumentFragment();\\n evs.forEach((v, i) => { const f = info(v), a = document.createElement(\"a\"); a.className = \"ev-row\"; a.href = \"https://luma.com/\" + v.url; a.target = \"_blank\"; a.rel = \"noopener\";\\n a.innerHTML = \\'↗\\';\\n a.querySelector(\".n\").textContent = String(i + 1).padStart(2, \"0\");\\n const kt = known.get(v.url); if (kt) a.querySelector(\".t\").innerHTML = kt.innerHTML; else a.querySelector(\".t\").textContent = v.name;\\n a.querySelector(\".k\").textContent = f.short + \" \\xb7 \" + f.year; a.querySelector(\".d\").textContent = f.city === \"Online\" ? \"—\" : f.city;\\n frag.appendChild(a); });\\n list.textContent = \"\"; list.appendChild(frag);\\n const q = document.querySelector(\".ambx-main #ev-filter input\"); if (q && q.value) q.dispatchEvent(new Event(\"input\", { bubbles: true }));\\n })();\\n})();\\n\\n;(function () {\\n setTimeout(function () {\\n document.querySelectorAll(\".ambx-main [data-ambx-list]\").forEach(function (l) {\\n var acc = l.closest(\".p-acc\"), ds = acc ? acc.querySelectorAll(\"details\") : [];\\n if (ds.length && !acc.querySelector(\"details[open]\")) ds[0].open = true;\\n });\\n document.querySelectorAll(\".ambx-main .p-filters\").forEach(function (f) { f.dispatchEvent(new Event(\"input\")); });\\n window.dispatchEvent(new Event(\"resize\"));\\n }, 400);\\n})();\\n\\n;(function () {\\n document.querySelectorAll(\".ambx-main form[data-ambx-proxy]\").forEach(function (lf) {\\n if (lf.dataset.proxy) return; lf.dataset.proxy = \"1\";\\n var card = lf.closest(\".form-card\") || lf.parentElement;\\n var btn = (lf.querySelector(\\'button[type=\"submit\"]\\') || lf.querySelector(\\'.submit .btn\\') || lf.querySelector(\\'button\\'));\\n var msg = document.createElement(\"p\"); msg.className = \"hint ambx-form-msg\"; msg.setAttribute(\"role\", \"status\");\\n (btn && btn.parentElement ? btn.parentElement : lf).appendChild(msg);\\n var setVal = function (el, v) {\\n var proto = el.tagName === \"SELECT\" ? HTMLSelectElement.prototype : el.tagName === \"TEXTAREA\" ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;\\n Object.getOwnPropertyDescriptor(proto, \"value\").set.call(el, v);\\n el.dispatchEvent(new Event(\"input\", { bubbles: true })); el.dispatchEvent(new Event(\"change\", { bubbles: true }));\\n };\\n lf.addEventListener(\"submit\", function (e) {\\n e.preventDefault(); e.stopImmediatePropagation();\\n if (!lf.reportValidity()) return;\\n var nf = card.querySelector(\"[data-ambx-native] form\");\\n if (!nf) { msg.textContent = \"The form is still loading. Please try again in a moment.\"; return; }\\n Array.prototype.forEach.call(lf.elements, function (el) {\\n if (!el.name) return;\\n var t = nf.querySelector(\\'[name=\"\\' + CSS.escape(el.name) + \\'\"]\\'); if (!t) return;\\n if (el.type === \"checkbox\" || el.type === \"radio\") { var tt = nf.querySelector(\\'[name=\"\\' + CSS.escape(el.name) + \\'\"][value=\"\\' + CSS.escape(el.value) + \\'\"]\\') || t; if (tt.checked !== el.checked) tt.click(); }\\n else if (t.type === \"hidden\" && t.parentElement && t.parentElement.querySelector(\"button\")) { var bb = Array.prototype.find.call(t.parentElement.querySelectorAll(\"button\"), function (x) { return x.textContent.trim() === el.value; }); if (bb) bb.click(); else setVal(t, el.value); }\\n else setVal(t, el.value);\\n });\\n var label = btn ? btn.innerHTML : \"\"; if (btn) { btn.disabled = true; btn.textContent = \"Sending…\"; } msg.textContent = \"\";\\n var gated = nf.hasAttribute(\"data-gate-ready\") || lf.hasAttribute(\"data-gate-pdf\");\\n var t1 = Date.now();\\n (function waitGate() {\\n if (gated && nf.getAttribute(\"data-gate-ready\") !== \"1\") {\\n if (Date.now() - t1 < 4000) return setTimeout(waitGate, 120);\\n var hintEl = Array.prototype.find.call(nf.querySelectorAll(\"p,span,div\"), function (x) { return !x.children.length && /email|domain|typo/i.test(x.textContent || \"\") && !x.closest(\"label\"); });\\n if (btn) { btn.disabled = false; btn.innerHTML = label; lf.dispatchEvent(new Event(\"input\")); }\\n msg.textContent = hintEl ? hintEl.textContent.trim() : \"Enter a valid email address.\";\\n return;\\n }\\n go();\\n })();\\n function go() {\\n try { nf.requestSubmit(); } catch (err) { var sb = nf.querySelector(\\'[type=\"submit\"]\\'); if (sb) sb.click(); }\\n if (gated) { setTimeout(function () { var m = lf.closest(\"[role=dialog]\"); var x = m && m.querySelector(\"[data-gate-close]\"); if (x) x.click(); if (btn) { btn.disabled = false; btn.innerHTML = label; } lf.reset(); }, 1200); }\\n var t0 = Date.now(), iv = setInterval(function () {\\n if (!document.contains(lf)) { clearInterval(iv); return; } // redirected to the thank-you page\\n var sb = nf.querySelector(\\'[type=\"submit\"]\\'), st = (sb && sb.getAttribute(\"data-framer-name\")) || \"\";\\n if (/success/i.test(st)) { clearInterval(iv); if (btn) btn.textContent = \"Sent ✓\"; return; }\\n if (/error/i.test(st) || Date.now() - t0 > 25000) {\\n clearInterval(iv); if (btn) { btn.disabled = false; btn.innerHTML = label; lf.dispatchEvent(new Event(\"input\")); }\\n msg.textContent = \"Something went wrong sending the form. Please try again, or email hello@ai-circle.org.\";\\n }\\n }, 250);\\n }\\n }, true);\\n });\\n})();\\n\\n;(function () {\\n document.querySelectorAll(\".ambx-main form[data-ambx-careers]\").forEach(function (lf) {\\n if (lf.dataset.cproxy) return; lf.dataset.cproxy = \"1\";\\n var cfg = JSON.parse(lf.getAttribute(\"data-ambx-careers\"));\\n var btn = (lf.querySelector(\\'button[type=\"submit\"]\\') || lf.querySelector(\\'.submit .btn\\') || lf.querySelector(\\'button\\'));\\n var msg = document.createElement(\"p\"); msg.className = \"hint ambx-form-msg\"; msg.setAttribute(\"role\", \"status\");\\n (btn && btn.parentElement ? btn.parentElement : lf).appendChild(msg);\\n var fileIn = lf.querySelector(\\'input[type=\"file\"]\\');\\n var check = function (f) {\\n if (!f) return cfg.resumeRequired ? \"Please attach your resume.\" : \"\";\\n if (!/\\\\.(pdf|doc|docx)$/i.test(f.name)) return \"Only PDF or Word files are accepted.\";\\n if (f.size > cfg.maxFileMB * 1024 * 1024) return \"File must be under \" + cfg.maxFileMB + \" MB.\";\\n return \"\";\\n };\\n var b64 = function (f) { return new Promise(function (res, rej) { var r = new FileReader(); r.onload = function () { var s = String(r.result || \"\"); res(s.indexOf(\",\") > -1 ? s.split(\",\")[1] : s); }; r.onerror = function () { rej(r.error); }; r.readAsDataURL(f); }); };\\n lf.addEventListener(\"submit\", function (e) {\\n e.preventDefault(); e.stopImmediatePropagation();\\n var f = fileIn && fileIn.files && fileIn.files[0] ? fileIn.files[0] : null, fe = check(f);\\n if (!lf.reportValidity()) return;\\n if (fe) { msg.textContent = fe; return; }\\n var label = btn ? btn.innerHTML : \"\"; if (btn) { btn.disabled = true; btn.textContent = \"Sending…\"; } msg.textContent = \"\";\\n var fields = {}; new FormData(lf).forEach(function (v, k) { if (typeof v === \"string\") fields[k] = v; });\\n var payload = { form: cfg.form, role: cfg.role || \"\", page: location.href, submittedAt: new Date().toISOString(), fields: fields, questions: (cfg.questions || []).map(function (q, i) { return { question: q, answer: fields[\"question_\" + (i + 1)] || \"\" }; }) };\\n (f ? b64(f).then(function (d) { payload.file = { name: f.name, type: f.type || \"application/octet-stream\", size: f.size, base64: d }; }) : Promise.resolve())\\n .then(function () { return fetch(cfg.endpoint, { method: \"POST\", mode: \"cors\", redirect: \"follow\", headers: { \"Content-Type\": \"text/plain;charset=utf-8\" }, body: JSON.stringify(payload) }); })\\n .then(function (res) { return res.json().catch(function () { return {}; }).then(function (j) { if (!res.ok || (j && j.ok === false)) throw new Error((j && j.error) || \"Submission failed\"); }); })\\n .then(function () {\\n if (btn) btn.textContent = \"Sent\";\\n if (cfg.redirect) { var t = cfg.role ? cfg.redirect + (cfg.redirect.indexOf(\"?\") > -1 ? \"&\" : \"?\") + \"role=\" + encodeURIComponent(cfg.role) : cfg.redirect; setTimeout(function () { location.href = t; }, 600); }\\n })\\n .catch(function () { if (btn) { btn.disabled = false; btn.innerHTML = label; } msg.textContent = \"Something went wrong. Please try again, or email \" + (cfg.fallbackEmail || \"hello@ai-circle.org\") + \".\"; });\\n }, true);\\n });\\n})();\\n// external scripts in page content (e.g. the Beehiiv form loader) are re-created so they run in place\\n;(function () {\\n document.querySelectorAll(\".ambx-main [data-ambx-script]\").forEach(function (ph) {\\n if (ph.dataset.done) return; ph.dataset.done = \"1\";\\n var a = JSON.parse(ph.getAttribute(\"data-ambx-script\")), s = document.createElement(\"script\");\\n Object.keys(a).forEach(function (k) { s.setAttribute(k, a[k]); }); s.async = true; ph.parentNode.insertBefore(s, ph.nextSibling);\\n if (a[\"data-beehiiv-form\"]) bhvWatch(ph.parentNode, a, 0);\\n });\\n // Beehiiv\\'s loader sits behind a Cloudflare bot check and is on some ad-block lists, so it sometimes never draws.\\n // Watch the slot: retry the loader once, and show a plain \"Subscribe\" link to the hosted signup until the form appears.\\n function bhvWatch(slot, a, tries) {\\n var t0 = Date.now(), iv = setInterval(function () {\\n if (!document.contains(slot)) { clearInterval(iv); return; }\\n var f = slot.querySelector(\"iframe\"), fb = slot.querySelector(\".bhv-fallback\"), el = Date.now() - t0;\\n if (f && f.getBoundingClientRect().height > 20 && f.parentElement.getBoundingClientRect().height > 20) { clearInterval(iv); if (fb) fb.remove(); return; }\\n if (!f && el > 4000 && tries < 1) {\\n clearInterval(iv);\\n slot.querySelectorAll(\"script[data-beehiiv-form]\").forEach(function (x) { x.remove(); });\\n var s = document.createElement(\"script\");\\n Object.keys(a).forEach(function (k) { s.setAttribute(k, a[k]); }); s.src = a.src + (a.src.indexOf(\"?\") > -1 ? \"&\" : \"?\") + \"r=\" + Date.now(); s.async = true;\\n slot.appendChild(s); bhvWatch(slot, a, tries + 1); return;\\n }\\n if (el > 3500 && !fb && (tries > 0 || f)) {\\n fb = document.createElement(\"a\"); fb.className = \"bhv-fallback\"; fb.href = \"https://newsletter.ai-circle.org/subscribe\"; fb.target = \"_blank\"; fb.rel = \"noopener\";\\n fb.innerHTML = \"Subscribe to the newsletterSubscribe →\"; slot.appendChild(fb);\\n }\\n if (el > 30000) clearInterval(iv);\\n }, 400);\\n }\\n})();\\n';function g(){const w=window;const st=w.__ambx||(w.__ambx={mounted:new Set,booted:false,timer:0,blobs:{},scripts:{}});if(!st.scripts)st.scripts={};return st;}export function isCanvas(){try{return RenderTarget.current()===RenderTarget.canvas||RenderTarget.current()===RenderTarget.thumbnail;}catch(e){return false;}}let canvasCssP=null;export function loadCanvasCss(){if(canvasCssP||typeof document===\"undefined\")return canvasCssP;canvasCssP=import(\"https://framerusercontent.com/modules/x8BMFXt0WRjZsefbXfLm/RZ8nkBMfNfqE9PSPY8S5/AmbxCanvasCss.js\").then(m=>{if(document.getElementById(\"ambx-canvas-css\"))return;const s=document.createElement(\"style\");s.id=\"ambx-canvas-css\";s.textContent=m.CANVAS_CSS;document.head.appendChild(s);}).catch(()=>{});return canvasCssP;}function ensureHead(){if(!document.getElementById(\"ambx-css\")){const s=document.createElement(\"style\");s.id=\"ambx-css\";s.textContent=CSS;document.head.appendChild(s);}if(FONT_CSS&&!document.getElementById(\"ambx-fonts\")){const f=document.createElement(\"style\");f.id=\"ambx-fonts\";f.textContent=FONT_CSS;document.head.appendChild(f);}FONTS.forEach((href,i)=>{if(document.getElementById(\"ambx-font-\"+i))return;const l=document.createElement(\"link\");l.id=\"ambx-font-\"+i;l.rel=\"stylesheet\";l.href=href;document.head.appendChild(l);});}function host(){const st=g();if(!st.host||!st.host.isConnected){const h=document.createElement(\"div\");h.className=\"ambx ambx-portal\";document.body.appendChild(h);st.host=h;}return st.host;}function blob(name){const st=g();if(!st.blobs[name]){const src=name===\"xgl\"?XGL:XART;st.blobs[name]=URL.createObjectURL(new Blob([src],{type:\"text/javascript\"}));}return st.blobs[name];}export function embedUrl(html){return URL.createObjectURL(new Blob([html],{type:\"text/html\"}));}// embeds load when they come near the viewport and their animation loop pauses while they are off screen\nexport function mountEmbed(f,html){if(f.__ambxMounted)return;f.__ambxMounted=true;let vis=false,pending=[];const load=()=>{if(!f.src)f.src=embedUrl(html.split(\"__AMBX_ORIGIN__\").join(location.origin));};const flush=()=>{const q=pending;pending=[];try{const w=f.contentWindow;q.forEach(cb=>w.__ambxRaf(cb));}catch(e){}};f.addEventListener(\"load\",()=>{try{const w=f.contentWindow;if(!w||w.__ambxRaf)return;w.__ambxRaf=w.requestAnimationFrame.bind(w);w.requestAnimationFrame=cb=>{if(vis)return w.__ambxRaf(cb);pending.push(cb);return 0;};}catch(e){}});if(typeof IntersectionObserver===\"undefined\"){vis=true;load();return;}const near=new IntersectionObserver(es=>{if(es[0].isIntersecting){load();near.disconnect();}},{rootMargin:\"900px 0px\"});near.observe(f);// start heavy embeds while the page is idle (staggered), so their start-up never lands mid-scroll\nconst idle=window.requestIdleCallback||(cb=>setTimeout(cb,200));const kick=()=>setTimeout(()=>idle(()=>{load();near.disconnect();},{timeout:4e3}),1800+Math.random()*1200);// phones / slow or data-saver connections: skip the idle start (it would compete with the page and with the next tap's\n// navigation for bandwidth); the 900px proximity load above still prepares it before it is reached\nconst cn=navigator.connection;const lean=matchMedia(\"(max-width: 760px)\").matches||cn&&(cn.saveData||/(^|-)(2g|3g)$/.test(cn.effectiveType||\"\"));if(!lean){if(document.readyState===\"complete\")kick();else addEventListener(\"load\",kick,{once:true});}new IntersectionObserver(es=>{vis=es[0].isIntersecting;if(vis)flush();},{rootMargin:\"150px 0px\"}).observe(f);}// canvas only: the \"We give researchers the floor\" orbit turns exactly like the live site (same ring, speed, sizes, fade),\n// scoped to this component's own markup; stops when the component unmounts\nexport function canvasOrbit(root){const f=root&&root.querySelector(\".s-float .s-floaters\")&&root.querySelector(\".s-float\");if(!f||typeof requestAnimationFrame===\"undefined\")return()=>{};const ims=Array.from(f.querySelectorAll(\".s-floaters img\"));let g=null,raf=0,alive=true;const measure=now=>{const r=f.getBoundingClientRect(),W=f.offsetWidth||r.width,k=r.width/W||1,mob=W<760,u=Math.min(1.15,Math.max(.55,W/1440));const boxes=[],rng=document.createRange();const add=b=>{if(b.width&&b.height)boxes.push([(b.left-r.left)/k,(b.top-r.top)/k,(b.right-r.left)/k,(b.bottom-r.top)/k]);};f.querySelectorAll(\".eyebrow, h2, .sub\").forEach(el=>{rng.selectNodeContents(el);Array.from(rng.getClientRects()).forEach(add);});f.querySelectorAll(\".btns .btn\").forEach(el=>add(el.getBoundingClientRect()));const top=boxes.length?Math.min(...boxes.map(x=>x[1])):f.offsetHeight/2,bot=boxes.length?Math.max(...boxes.map(x=>x[3])):f.offsetHeight/2;g={mob,cx:W/2,cy:(top+bot)/2,rx:mob?W*.536:530*u,ry:mob?W*.626:320*u,near:mob?Math.PI/2:147*Math.PI/180,sMin:mob?34:36*u,sMax:mob?84:140*u,boxes,t:now};};const frame=now=>{if(!alive)return;if(!g||now-g.t>600)measure(now);const n=ims.length,spin=now/1e3*.225,pad=g.mob?8:14;ims.forEach((im,i)=>{const a=i/n*Math.PI*2+spin,x=g.cx+Math.cos(a)*g.rx,y=g.cy+Math.sin(a)*g.ry;const px=g.sMin+(g.sMax-g.sMin)*(1+Math.cos(a-g.near))/2,bw=140,h=px/2;let cover=0;g.boxes.forEach(bx=>{const ox=Math.min(x+h,bx[2]+pad)-Math.max(x-h,bx[0]-pad),oy=Math.min(y+h,bx[3]+pad)-Math.max(y-h,bx[1]-pad);if(ox>0&&oy>0)cover=Math.max(cover,ox*oy/(px*px));});im.style.left=\"0px\";im.style.top=\"0px\";im.style.transform=`translate3d(${(x-bw/2).toFixed(1)}px,${(y-bw/2).toFixed(1)}px,0) scale(${(px/bw).toFixed(3)})`;im.style.setProperty(\"--o\",(1-.8*Math.min(1,cover*1.6)).toFixed(2));im.style.zIndex=String(Math.round(px/10));});raf=requestAnimationFrame(frame);};raf=requestAnimationFrame(frame);return()=>{alive=false;cancelAnimationFrame(raf);};}export async function gunzipB64(b64){const bin=Uint8Array.from(atob(b64),c=>c.charCodeAt(0));const stream=new Blob([bin]).stream().pipeThrough(new window.DecompressionStream(\"gzip\"));return await new Response(stream).text();}function boot(){const st=g();if(st.host)st.host.innerHTML=\"\";const w=window;w.__ambxHost=host;w.__ambxBlob=blob;w.__A=p=>{const k=String(p).replace(/^.*?assets\\//,\"\");return AM[k]||AM[\"site/\"+k]||p;};w.__F=u=>{const s=String(u||\"\");const m=s.match(/([0-9a-f]{12}\\.jpg)/);if(m)return m[1];const url=(s.match(/https?:[^\"')\\s?]+/)||[\"\"])[0];return RF[url]||null;};w.__ambxOnLoad=fn=>{if(document.readyState===\"complete\")setTimeout(fn,0);else window.addEventListener(\"load\",fn);};try{new Function(SITEJS)();}catch(e){console.error(\"[ambx] boot\",e);}Object.keys(st.scripts).forEach(k=>{try{new Function(st.scripts[k])();}catch(e){console.error(\"[ambx] page script\",k,e);}});st.booted=true;}/** Each section calls this from useEffect; the page boots once every mounted section is in the DOM. */export function register(id,script){if(typeof window===\"undefined\")return()=>{};ensureHead();if(isCanvas()){loadCanvasCss();return()=>{};}const st=g();st.mounted.add(id);if(script)st.scripts[id]=script;clearTimeout(st.timer);st.timer=setTimeout(boot,80);return()=>{st.mounted.delete(id);delete st.scripts[id];if(!st.mounted.size)st.booted=false;};}\nexport const __FramerMetadata__ = {\"exports\":{\"FONT_CSS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"register\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"loadCanvasCss\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"canvasOrbit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"mountEmbed\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FONTS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"embedUrl\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"gunzipB64\":{\"type\":\"function\",\"isAsync\":true,\"annotations\":{\"framerContractVersion\":\"1\"}},\"CSS\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AmbxRuntime.map","// AUTO-GENERATED by ai-circle-scale/framer-port/build.py — do not edit by hand.\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{CSS,FONTS,FONT_CSS,register,isCanvas,mountEmbed,gunzipB64,canvasOrbit}from\"https://framerusercontent.com/modules/wnP4uo1nclI0Uza7SDaT/J9hY3ckKeSjybjdtvYO0/AmbxRuntime.js\";const HTML='';const PAGE_CSS=\"\";const PAGE_JS=\"\";const EMBEDS={};const TAG=\"div\";// canvas only: the section as it looks after its scripts ran (gzip+base64), Desktop (\"d\") and Phone (\"p\") widths\nconst HAS_SNAP=false;const loadSnap=()=>Promise.resolve({});/**\n * Exact port of the local Home \"Footer\" section.\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight auto\n */export default function AmbxFooter(props){const ref=useRef(null);const[canvas,setCanvas]=useState(false);const[host,setHost]=useState(null);const[listHost,setListHost]=useState(null);const[snap,setSnap]=useState(null);useEffect(()=>{setCanvas(isCanvas());return register(\"Footer\",PAGE_JS||undefined);},[]);useEffect(()=>{if(!HAS_SNAP||!isCanvas()||!ref.current||typeof ResizeObserver===\"undefined\")return;let key=\"\",alive=true,ro=null;loadSnap().then(SNAP=>{if(!alive||!ref.current)return;ro=new ResizeObserver(es=>{const w=es[0].contentRect.width,k=w&&w<760?\"p\":\"d\";if(k===key||!SNAP[k])return;key=k;gunzipB64(SNAP[k]).then(h=>{if(alive)setSnap(h);}).catch(()=>{});});ro.observe(ref.current);}).catch(()=>{});return()=>{alive=false;if(ro)ro.disconnect();};},[]);useEffect(()=>{const el=ref.current;if(!el)return;setHost(el.querySelector(\"[data-ambx-native]\"));setListHost(el.querySelector(\"[data-ambx-list]\"));el.querySelectorAll(\"iframe[data-ambx-embed]\").forEach(f=>{const src=EMBEDS[f.dataset.ambxEmbed||\"\"];if(src)mountEmbed(f,src);});return isCanvas()?canvasOrbit(el):undefined;},[snap]);return /*#__PURE__*/_jsxs(TAG,{ref:ref,className:\"ambx\"+(canvas?\" ambx-canvas\":\"\"),style:{width:\"100%\"},suppressHydrationWarning:true,children:[isCanvas()?/*#__PURE__*/_jsxs(_Fragment,{children:[FONTS.map((h,i)=>/*#__PURE__*/_jsx(\"link\",{rel:\"stylesheet\",href:h},i)),/*#__PURE__*/_jsx(\"style\",{id:\"ambx-fonts\",dangerouslySetInnerHTML:{__html:FONT_CSS}}),/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:CSS}})]}):null,/*#__PURE__*/_jsx(\"div\",{style:{display:\"contents\"},dangerouslySetInnerHTML:{__html:canvas&&snap?snap:HTML},suppressHydrationWarning:true})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"AmbxFooter\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","// AUTO-GENERATED by ai-circle-scale/framer-port/build.py — do not edit by hand.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{CSS,FONTS,FONT_CSS,register,isCanvas,mountEmbed,gunzipB64,canvasOrbit}from\"https://framerusercontent.com/modules/wnP4uo1nclI0Uza7SDaT/J9hY3ckKeSjybjdtvYO0/AmbxRuntime.js\";const HTML='