1!function(){try{var n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},a=(new n.Error).stack;a&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[a]="e0c5a564-4330-44c9-966f-7c9eac3a4f09",n._sentryDebugIdIdentifier="sentry-dbid-e0c5a564-4330-44c9-966f-7c9eac3a4f09")}catch(n){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[147],{147:(n,a,e)=>{e.r(a),e.d(a,{default:()=>w});var i=e(54568),t=e(7620),s=e(30875),r=e(19311),o=e(11171),l=e(54916);function p(){return(0,i.jsx)("style",{children:"\n .tpl-inasa {\n --inasa-ink: var(--site-color-bg, #121717);\n --inasa-paper: var(--site-color-fg, #F3EFE6);\n --inasa-ochre: var(--site-color-accent, #B45F3C);\n --inasa-sandstone: var(--site-color-muted, #D4B68A);\n --inasa-ocean: #193C49;\n --inasa-eucalyptus: #50675A;\n --inasa-nav-h: 4rem;\n position: relative;\n background: var(--inasa-ink);\n color: var(--inasa-paper);\n font-family: var(--site-font-body, 'Inter', system-ui, sans-serif);\n -webkit-font-smoothing: antialiased;\n overflow-x: clip;\n }\n .tpl-inasa .inasa-display { font-family: var(--site-font-display, 'Instrument Serif', Georgia, serif); }\n .tpl-inasa .inasa-sandstone { color: var(--inasa-sandstone); }\n\n /* Stage ------------------------------------------------------------ */\n .tpl-inasa .inasa-journey { position: relative; width: 100%; }\n .tpl-inasa .inasa-stage {\n position: sticky; top: var(--inasa-nav-h); height: calc(100vh - var(--inasa-nav-h));\n display: flex; align-items: center; justify-content: center;\n overflow: hidden; perspective: 1000px; pointer-events: none;\n }\n .tpl-inasa .inasa-map {\n position: absolute; z-index: 0;\n width: 80vw; max-width: 800px; height: 80vw; max-height: 800px;\n color: var(--inasa-eucalyptus); mix-blend-mode: screen;\n }\n .tpl-inasa .inasa-map svg {\n position: absolute; inset: 0; width: 100%; height: 100%;\n fill: transparent; stroke: currentColor;\n }\n .tpl-inasa .inasa-map-l1 { stroke-width: 0.5; }\n .tpl-inasa .inasa-map-l2 { stroke-width: 0.2; opacity: 0.5; transform: translate(0.5rem, 0.5rem); }\n .tpl-inasa .inasa-map-l3 { stroke-width: 0.1; opacity: 0.25; transform: translate(1rem, 1rem); }\n\n /* One cross-fading layer of the pinned stage; the scene inside fills it. */\n .tpl-inasa .inasa-stage-layer { position: absolute; inset: 0; z-index: 2; }\n .tpl-inasa .inasa-scene {\n position: absolute; inset: 0; z-index: 2;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n width: 100%; height: 100%; pointer-events: none; text-align: center;\n }\n .tpl-inasa .inasa-scene-hero { padding: 0 3rem; pointer-events: auto; }\n .tpl-inasa .inasa-scene-journal,\n .tpl-inasa .inasa-scene-people,\n .tpl-inasa .inasa-scene-conference { background: var(--inasa-ink); }\n .tpl-inasa .inasa-scene-journal { gap: 4rem; }\n\n /* Shared type ------------------------------------------------------- */\n .tpl-inasa .inasa-eyebrow {\n margin: 0 0 1.5rem; font-size: 0.75rem; font-weight: 700;\n letter-spacing: 0.4em; text-transform: uppercase; color: var(--inasa-sandstone);\n }\n .tpl-inasa .inasa-eyebrow-lg { margin-bottom: 2rem; letter-spacing: 0.2em; }\n .tpl-inasa .inasa-h-sm { margin: 0 0 1rem; font-size: clamp(1.875rem, 3.4vw, 2.25rem); line-height: 1.15; white-space: pre-line; }\n .tpl-inasa .inasa-h-md { margin: 0 0 1.5rem; font-size: clamp(2.25rem, 4.6vw, 3rem); line-height: 1.1; white-space: pre-line; }\n .tpl-inasa .inasa-h-lg { margin: 0 0 1rem; font-size: clamp(2.25rem, 5.4vw, 3.75rem); line-height: 1.1; white-space: pre-line; }\n .tpl-inasa .inasa-copy-narrow {\n max-width: 28rem; margin: 0; padding: 0 1.5rem;\n font-size: clamp(0.875rem, 1.3vw, 1rem); line-height: 1.7;
1 opacity: 0.8;\n }\n .tpl-inasa .inasa-copy-wide {\n max-width: 36rem; margin: 0;\n font-size: clamp(0.875rem, 1.3vw, 1rem); line-height: 1.7; opacity: 0.8;\n }\n\n /* Buttons ----------------------------------------------------------- */\n .tpl-inasa .inasa-btn {\n display: inline-flex; align-items: center; gap: 1rem;\n padding: 1.25rem 2.5rem; background: var(--inasa-ochre); color: #fff;\n font-size: 0.875rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;\n text-decoration: none; border-radius: var(--site-button-radius, 0);\n transition: background-color 0.3s ease;\n }\n .tpl-inasa .inasa-btn:hover { background: color-mix(in srgb, var(--inasa-ochre) 82%, #000); }\n .tpl-inasa .inasa-btn-ghost {\n background: transparent; color: var(--inasa-paper);\n border: 1px solid var(--inasa-paper);\n }\n .tpl-inasa .inasa-btn-ghost:hover { background: rgba(255, 255, 255, 0.1); }\n .tpl-inasa .inasa-underlined {\n font-size: 0.75rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;\n color: inherit; text-decoration: none; padding-bottom: 0.25rem;\n border-bottom: 1px solid var(--inasa-sandstone); transition: border-color 0.3s ease;\n }\n .tpl-inasa .inasa-underlined:hover { border-color: var(--inasa-paper); }\n\n /* 01 \xb7 Hero --------------------------------------------------------- */\n .tpl-inasa .inasa-hero-title {\n margin: 0 0 2rem; font-style: italic;\n font-size: var(--site-heading-size, clamp(3rem, 7vw, 6rem));\n line-height: var(--site-heading-line-height, 1.05);\n letter-spacing: var(--site-heading-tracking, normal);\n white-space: pre-line;\n }\n .tpl-inasa .inasa-hero-lede {\n max-width: 36rem; margin: 0 0 2.5rem;\n font-size: 1.125rem; font-weight: 300; line-height: 1.7; opacity: 0.7;\n }\n .tpl-inasa .inasa-hero-ctas { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; justify-content: center; }\n .tpl-inasa .inasa-scroll-cue {\n position: absolute; bottom: 2.5rem;\n font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.5;\n animation: inasa-bounce 1s infinite;\n }\n @keyframes inasa-bounce {\n 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }\n 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }\n }\n\n /* The builder's hero: the same scene, sized to the canvas viewport, with\n the copy block carrying the Inspector's focus marker. */\n .tpl-inasa .inasa-hero-copy {\n position: relative; z-index: 1;\n display: flex; flex-direction: column; align-items: center;\n width: 100%; max-width: 52rem;\n }\n .tpl-inasa .inasa-scene-static.inasa-scene-hero { justify-content: center; padding: 4rem 3rem; }\n .tpl-inasa .inasa-scene-static .inasa-map {\n top: 50%; left: 50%; transform: translate(-50%, -50%);\n width: 80%; max-width: 640px; height: auto; aspect-ratio: 1 / 1;\n }\n .tpl-inasa .inasa-journey-note {\n margin: 0; padding: 1.25rem 1rem; text-align: center;\n font-size: 0.8rem; color: var(--inasa-sandstone);\n background: var(--inasa-ink);\n border-top: 1px solid var(--site-color-border, rgba(243, 239, 230, 0.12));\n border-bottom: 1px solid var(--site-color-border, rgba(243, 239, 230, 0.12));\n }\n\n /* 02 \xb7 Disciplines --------------------------------------------------- */\n .tpl-inasa .inasa-wordwall {\n display: flex; flex-direction: column; font-size: 10vw; font-weight: 700;\n line-height: 1; letter-spacing: -0.03em; text-transform: uppercase;\n color: var(--inasa-sandstone); opacity: 0.05; mix-blend-mode: overlay;\n }\n .tpl-inasa .inasa-wordwall-row { display: block; }\n .tpl-inasa .inasa-scene-center {\n position: absolute; inset: 0;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n }\n .tpl-inasa .inasa-vignette {\n position: absolute; inset: 0; z-index: -1;\n background: radial-gradient(ellipse at center, rgba(18, 23, 23, 0.7) 0%, transparent 50%);\n }\n\n /* 03 \xb7 Perspectives -------------------------------------------------- */\n .tpl-inasa .inasa-aside {\n position: absolute; left: 6rem; top: 50%; transform: translateY(-50%);\n max-width: 20rem; text-align: left;\n }\n .tpl-inasa .inasa-layers {\n position: relative; display: flex; flex-direction: column;\n align-items: center; justify-content: space-between;\n width: 100%; max-width: 32rem; height: 60vh;\n }\n .tpl-inasa .inasa-layer { position: relative; width: 100%; text-align: center; }\n .tpl-inasa .inasa-layer-plane {\n position: absolute; top: 50%; left: 0; width: 100%;\n border-top: 1px solid var(--inasa-sandstone);
1 opacity: 0.2; transform: rotateX(60deg);\n }\n .tpl-inasa .inasa-layer-label {\n position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 0.5rem;\n padding: 0 1rem; background: var(--inasa-ink); color: var(--inasa-ochre);\n font-size: 1.5rem; letter-spacing: 0.1em; text-transform: uppercase;\n }\n\n /* 04 \xb7 Network ------------------------------------------------------- */\n .tpl-inasa .inasa-ring {\n position: absolute; border: 1px solid var(--inasa-ocean); border-radius: 9999px;\n }\n .tpl-inasa .inasa-ring-outer { width: 80vw; height: 80vw; max-width: 800px; max-height: 800px; opacity: 0.2; }\n .tpl-inasa .inasa-ring-inner { width: 60vw; height: 60vw; max-width: 600px; max-height: 600px; opacity: 0.3; }\n .tpl-inasa .inasa-nodes { position: absolute; inset: 0; }\n .tpl-inasa .inasa-node {\n position: absolute; display: flex; align-items: center; gap: 0.5rem;\n }\n .tpl-inasa .inasa-node-dot {\n flex: none; width: 0.375rem; height: 0.375rem; border-radius: 9999px;\n background: var(--inasa-sandstone); box-shadow: 0 0 10px var(--inasa-sandstone);\n }\n .tpl-inasa .inasa-node-label {\n font-size: 0.75rem; letter-spacing: 0.05em; opacity: 0.7; color: var(--inasa-sandstone);\n }\n .tpl-inasa .inasa-scene-foot {\n position: absolute; bottom: 6rem; left: 0; right: 0;\n display: flex; flex-direction: column; align-items: center; padding: 0 1.5rem;\n }\n\n /* 05 \xb7 Journal ------------------------------------------------------- */\n .tpl-inasa .inasa-journal { position: relative; width: 16rem; height: 22rem; }\n .tpl-inasa .inasa-journal-back, .tpl-inasa .inasa-journal-card {\n position: absolute; inset: 0; border: 1px solid var(--inasa-paper); background: var(--inasa-ink);\n }\n .tpl-inasa .inasa-journal-back-2 { opacity: 0.2; transform: rotate(-6deg) translate(-1rem, 2rem); }\n .tpl-inasa .inasa-journal-back-1 { opacity: 0.4; transform: rotate(2deg) translate(1rem, 1rem); }\n .tpl-inasa .inasa-journal-card {\n display: flex; align-items: center; justify-content: center;\n opacity: 0.9; overflow: hidden; transform: rotate(-3deg);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);\n }\n .tpl-inasa .inasa-journal-spine {\n position: absolute; top: 0; left: 0; width: 100%; height: 0.5rem;\n background: var(--inasa-sandstone); opacity: 0.5;\n }\n .tpl-inasa .inasa-journal-face { padding: 1.5rem; margin-top: 2rem; text-align: center; }\n .tpl-inasa .inasa-journal-title { margin: 0 0 1rem; font-size: 1.875rem; line-height: 1.15; white-space: pre-line; }\n .tpl-inasa .inasa-journal-rule {\n display: block; width: 3rem; height: 1px; margin: 1.5rem auto;\n background: var(--inasa-paper); opacity: 0.3;\n }\n .tpl-inasa .inasa-journal-volume { margin: 0; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; }\n .tpl-inasa .inasa-journal-year { margin: 0.5rem 0 0; font-size: 0.75rem; opacity: 0.5; }\n .tpl-inasa .inasa-topic {\n position: absolute; white-space: nowrap; display: inline-flex; align-items: center; gap: 0.35rem;\n font-size: 0.875rem; color: var(--inasa-sandstone); opacity: 0.6;\n }\n .tpl-inasa .inasa-scene-center-block { position: relative; z-index: 1; padding: 0 1.5rem; text-align: center; }\n .tpl-inasa .inasa-expand-rule {\n display: block; height: 1px; margin: 1.5rem auto 0;\n background: var(--inasa-ochre); animation: inasa-expand 2s ease-out forwards;\n }\n @keyframes inasa-expand { from { width: 0; } to { width: 8rem; } }\n .tpl-inasa .inasa-journal-note { margin: 1.5rem 0 0; font-weight: 500; color: var(--inasa-sandstone); opacity: 0.8; }\n\n /* 06 \xb7 People -------------------------------------------------------- */\n .tpl-inasa .inasa-people-title { max-width: 48rem; margin-bottom: 3rem; padding: 0 1.5rem; }\n .tpl-inasa .inasa-person { position: absolute; }\n .tpl-inasa .inasa-person-a { top: 25%; left: 25%; transform: translate(-50%, -50%); text-align: left; }\n .tpl-inasa .inasa-person-b { bottom: 25%; right: 25%; transform: translate(50%, 50%); text-align: right; }\n .tpl-inasa .inasa-person-name { margin: 0; font-size: 1.5rem; text-transform: uppercase; }\n .tpl-inasa .inasa-person-org {\n margin: 0.25rem 0 0; font-size: 0.875rem; line-height: 1.5;\n color: var(--inasa-sandstone);
1 opacity: 0.6; white-space: pre-line;\n }\n .tpl-inasa .inasa-tags { position: absolute; }\n .tpl-inasa .inasa-tags p {\n margin: 0; font-size: 0.875rem; font-weight: 500;\n letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.4;\n }\n .tpl-inasa .inasa-tags-a { top: 33%; right: 25%; transform: translate(50%, -50%); text-align: right; }\n .tpl-inasa .inasa-tags-b { bottom: 33%; left: 25%; transform: translate(-50%, 50%); text-align: left; }\n\n /* 07 \xb7 Conference ---------------------------------------------------- */\n .tpl-inasa .inasa-conference-clip { overflow: hidden; padding: 0 1rem; }\n .tpl-inasa .inasa-conference-title {\n margin: 0; font-size: 10vw; line-height: 0.9;\n text-transform: uppercase; color: var(--inasa-ochre); white-space: pre-line;\n }\n .tpl-inasa .inasa-conference-meta {\n margin: 3rem 0 0; padding: 0 1.5rem;\n font-size: clamp(0.875rem, 1.3vw, 1rem); line-height: 1.7; opacity: 0.8; white-space: pre-line;\n }\n\n /* 08-09 \xb7 Closing panel ---------------------------------------------- */\n .tpl-inasa .inasa-closing {\n position: relative; z-index: 3; width: 100%;\n background: var(--inasa-paper); color: var(--inasa-ink);\n border-radius: 3rem 3rem 0 0; box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.5);\n }\n .tpl-inasa .inasa-does {\n display: flex; flex-direction: column; align-items: center;\n width: 100%; max-width: 72rem; margin: 0 auto; padding: 10rem 1.5rem;\n background: var(--inasa-paper); color: var(--inasa-ink);\n }\n .tpl-inasa .inasa-does-title {\n margin: 0 0 6rem; text-align: center;\n font-size: clamp(3rem, 6vw, 4.5rem); line-height: 1.05;\n }\n .tpl-inasa .inasa-does-grid {\n display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));\n column-gap: 3rem; row-gap: 4rem; width: 100%;\n }\n .tpl-inasa .inasa-does-item { position: relative; }\n .tpl-inasa .inasa-does-item-title {\n margin: 0 0 1.5rem; padding-bottom: 1rem;\n font-size: 1.875rem; text-transform: uppercase; color: var(--inasa-ochre);\n border-bottom: 2px solid var(--inasa-ink); transition: border-color 0.3s ease;\n }\n .tpl-inasa .inasa-does-item:hover .inasa-does-item-title { border-bottom-color: var(--inasa-ochre); }\n .tpl-inasa .inasa-does-item-copy { margin: 0; font-size: 1rem; line-height: 1.7; opacity: 0.8; }\n\n .tpl-inasa .inasa-invite {\n position: relative; width: 100%; overflow: hidden; padding: 10rem 0;\n background: var(--inasa-ocean); color: var(--inasa-paper);\n }\n .tpl-inasa .inasa-invite-dots {\n position: absolute; inset: 0; opacity: 0.2;\n background-image: radial-gradient(var(--inasa-paper) 1px, transparent 1px);\n background-size: 32px 32px;\n }\n .tpl-inasa .inasa-invite-inner {\n position: relative; z-index: 1; width: 100%; max-width: 56rem;\n margin: 0 auto; padding: 0 1.5rem; text-align: center;\n }\n .tpl-inasa .inasa-invite-title {\n margin: 0 0 2rem; font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1.15; white-space: pre-line;\n }\n .tpl-inasa .inasa-invite-copy {\n max-width: 42rem; margin: 0 auto 3rem;\n font-size: clamp(1rem, 1.4vw, 1.125rem); line-height: 1.7; opacity: 0.8;\n }\n .tpl-inasa .inasa-invite-ctas { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }\n .tpl-inasa .inasa-invite .inasa-btn { padding: 1rem 2rem; letter-spacing: normal; text-transform: none; }\n\n /* Static presentation â the builder canvas, and reduced motion --------\n Same type and ornament, released from the stage so each scene is an\n ordinary block you can select, reorder and edit. */\n .tpl-inasa .inasa-scene-static {\n position: relative; inset: auto; width: 100%; height: auto;\n min-height: 26rem; padding: 5rem 1.5rem; gap: 2rem;\n pointer-events: auto; background: var(--inasa-ink); overflow: hidden;\n }\n .tpl-inasa .inasa-scene-static .inasa-scene-center,\n .tpl-inasa .inasa-scene-static .inasa-scene-foot,\n .tpl-inasa .inasa-scene-static .inasa-aside,\n .tpl-inasa .inasa-scene-static .inasa-person,\n .tpl-inasa .inasa-scene-static .inasa-tags,\n .tpl-inasa .inasa-scene-static .inasa-topic,\n .tpl-inasa .inasa-scene-static .inasa-node,\n .tpl-inasa .inasa-scene-static .inasa-nodes {\n position: static; inset: auto; transform: none;\n max-width: none; text-align: center; padding: 0;\n }\n .tpl-inasa .inasa-scene-static .inasa-scene-center,\n .tpl-inasa .inasa-scene-static .inasa-scene-foot {\n display: flex; flex-direction: column; align-items: center; gap: 0.75rem;\n }\n .tpl-inasa .inasa-scene-static .inasa-vignette,\n .tpl-inasa .inasa-scene-static .inasa-ring { display: none; }\n .tpl-inasa .inasa-scene-static .inasa-wordwall {\n flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0 1.25rem;\n font-size: clamp(1.5rem, 4vw, 2.75rem); opacity: 0.35; mix-blend-mode: normal;\n }\n .tpl-inasa .inasa-scene-static .inasa-wordwall-row { display: inline-flex; align-items: center; gap: 0.35rem; }\n .tpl-inasa .inasa-scene-static .inasa-layers { height: auto; gap: 1.25rem; max-width: 34rem; margin: 0 auto; }\n .tpl-inasa .inasa-scene-static .inasa-nodes {\n display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1.5rem; margin-bottom: 2rem;\n }\n .tpl-inasa .inasa-scene-static .inasa-node { display: inline-flex; }\n /* The card is a fixed box its layers are positioned inside, so the topics\n hang below it and the margin reserves their room in the flow. */\n .tpl-inasa .inasa-scene-static .inasa-journal { margin: 0 auto 5.5rem; }\n .tpl-inasa .inasa-scene-static .inasa-topics {\n display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1.25rem;\n width: 34rem; max-width: 90vw;\n position: absolute; left: 50%; top: calc(100% + 1.5rem); transform: translateX(-50%);\n }\n .tpl-inasa .inasa-scene-static .inasa-topic { display: inline-flex; }\n .tpl-inasa .inasa-scene-static.inasa-scene-journal { min-height: 42rem; }\n .tpl-inasa .inasa-scene-static .inasa-people {\n display: flex; flex-wrap: wrap; justify-content: center; gap: 3rem; margin-bottom: 1.5rem;\n }\n .tpl-inasa .inasa-scene-static .inasa-person { text-align: center; }\n .tpl-inasa .inasa-scene-static .inasa-tags {\n display: flex; flex-wrap: wrap; justify-content: center; gap: 0.25rem 1rem;\n }\n .tpl-inasa .inasa-scene-static .inasa-expand-rule { animation: none; width: 8rem; }\n .tpl-inasa .inasa-scene-static .inasa-conference-title { font-size: clamp(2.5rem, 8vw, 6rem); }\n\n /* Reduced motion: the same scenes, stacked and readable ---------------- */\n .tpl-inasa .inasa-stacked .inasa-scene-static { min-height: 60vh; }\n\n /* Editing affordances sit inside scenes whose type is enormous, uppercase\n and tightly tracked. Reset them so a trash icon or \"Add â¦\" button reads\n as chrome rather than as part of the artwork. */\n .tpl-inasa .inasa-wordwall button,\n .tpl-inasa .inasa-layer-label button,\n .tpl-inasa .inasa-conference-title button,\n .tpl-inasa .inasa-node button,\n .tpl-inasa .inasa-topic button {\n font-size: 0.75rem; font-family: var(--site-font-body, 'Inter', system-ui, sans-serif);\n letter-spacing: normal; text-transform: none; line-height: 1.4; opacity: 1;\n }\n .tpl-inasa .inasa-wordwall { align-items: center; }\n\n /* Phone -------------------------------------------------------------- */\n @media (max-width: 900px) {\n .tpl-inasa .inasa-does-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n }\n @media (max-width: 767px) {\n .tpl-inasa .inasa-scene-hero { padding: 0 1.5rem; }\n .tpl-inasa .inasa-hero-ctas { flex-direction: column; gap: 1.5rem; }\n .tpl-inasa .inasa-scene-journal { gap: 2rem; }\n .tpl-inasa .inasa-aside { left: 1.5rem; top: 33%; max-width: 14rem; }\n .tpl-inasa .inasa-layers { margin-top: 8rem; }\n .tpl-inasa .inasa-scene-static .inasa-layers { margin-top: 0; }\n .tpl-inasa .inasa-scene:not(.inasa-scene-static) .inasa-node-label { display: none; }\n .tpl-inasa .inasa-scene:not(.inasa-scene-static) .inasa-topic { display: none; }\n .tpl-inasa .inasa-person-a { left: 2rem; transform: translateY(-50%); }\n .tpl-inasa .inasa-person-b { right: 2rem; transform: translateY(50%); }\n .tpl-inasa .inasa-person-name { font-size: 1.25rem; }\n .tpl-inasa .inasa-conference-title { font-size: 12vw; }\n .tpl-inasa .inasa-does, .tpl-inasa .inasa-invite { padding-top: 6rem; padding-bottom: 6rem; }\n .tpl-inasa .inasa-does-grid { grid-template-columns: minmax(0, 1fr); }\n .tpl-inasa .inasa-does-title { margin-bottom: 3rem; }\n }\n "})}var c=e(60729),m=e(94511);let d=new Set(["hero","disciplines","perspectives","network","journal","people","conference"]),g=n=>d.has(n.kind),h={hero:{weight:.1,fade:[0,.4,.8],motion:{type:"none"}},disciplines:{weight:.15,fade:[0,.267,.733,.933],motion:{type:"scale",from:.9,to:1.1}},perspectives:{weight:.15,fade:[.067,.333,.667,.933],motion:{type:"y",from:"10%",to:"-10%"}},network:{weight:.15,fade:[.067,.333,.667,.933],motion:{type:"scale",from:.9,to:1.1}},journal:{weight:.15,fade:[.067,.333,.667,.933],motion:{type:"y",from:"20%",to:"-20%"}},people:{weight:.1,fade:[.1,.4,.7,.9],motion:{type:"scale",from:.95,to:1.05}},conference:{weight:.2,fade:[.05,.2,.9,1],motion:{type:"scale",from:.9,to:1.1}}},f={weight:.15,fade:[.067,.333,.667,.933],motion:{type:"scale",from:.9,to:1.1}},u=(n,a,e)=>n+(a-n)*e;function w(n){let{sections:a,renderSection:e}=n,s=(0,t.useMemo)(()=>a||[],[a]),{scenes:r,extras:o}=(0,t.useMemo)(()=>(function(n){let a=Array.isArray(n)?n:[],e=[],i=[],t=new Set;for(let n of a){var s;let a=null==n||null==(s=n.config)?void 0:s.scene;a&&!t.has(a)&&c.xf[a]===(null==n?void 0:n.type)?(t.add(a),e.push({kind:a,section:n})):i.push(n)}return{scenes:e,extras:i}})(s),[s]),m=(0,t.useMemo)(()=>r.filter(g),[r]),d=(0,t.useMemo)(()=>r.filter(n=>!g(n)),[r]),w=(0,t.useMemo)(()=>(function(n){let a=n.map(n=>h[n]||f),e=a.reduce((n,a)=>n+a.weight,0)||1,i=[0];for(let n of a)i.push(i[i.length-1]+n.weight/e);let t=n.map((e,t)=>{let s=a[t],r=i[t],o=i[t+1],l=o-r,p=0===t,c=t===n.length-1;return{kind:e,start:r,end:o,fade:{keys:s.fade.map(n=>r+l*n),values:p?[1,1,0]:[0,1,1,0]},window:[p?-1/0:r-.07*l,c?1/0:o+.07*l],motion:s.motion}}),s=i.length>=6?[i[0],i[1],u(i[1],i[2],2/3),u(i[2],i[3],1/3),u(i[3],i[4],1/3),i[4]]:[0,.2,.4,.6,.8,1].map(n=>{var a;return n*(null!=(a=i[i.length-1])?a:1)});return{scenes:t,map:{keys:s,opacityKeys:[s[0],s[4],u(s[4],s[5],.5),s[5]]},spacerVh:900*n.length/7}})(m.map(n=>n.kind)),[m]),[v,b]=(0,t.useState)(!1);(0,t.useEffect)(()=>
1{if(!window.matchMedia)return;let n=window.matchMedia("(prefers-reduced-motion: reduce)"),a=()=>b(n.matches);return a(),n.addEventListener("change",a),()=>n.removeEventListener("change",a)},[]);let k=(0,i.jsxs)("div",{className:"tpl-inasa",children:[(0,i.jsx)(p,{}),v||0===m.length?(0,i.jsx)("div",{className:"inasa-stacked",children:m.map((n,a)=>(0,i.jsx)(y,{scene:n,lead:0===a,pinned:!1},n.kind))}):(0,i.jsx)(x,{scenes:m,timeline:w}),d.length>0&&(0,i.jsx)("div",{className:"inasa-closing",children:d.map(n=>(0,i.jsx)(y,{scene:n,lead:!1,pinned:!1},n.kind))}),o.map(n=>e(n))]});return v?k:(0,i.jsx)(l.FH,{root:!0,options:{lerp:.05,smoothWheel:!0},children:k})}function x(n){let{scenes:a,timeline:e}=n,l=(0,t.useRef)(null),{scrollYProgress:p}=(0,s.L)({target:l,offset:["start start","end end"]}),{keys:m,opacityKeys:d}=e.map,g=(0,r.G)(p,m,[1,1.2,1.2,.8,1,3]),h=(0,r.G)(p,m,["0%","5%","5%","-10%","0%","20%"]),f=(0,r.G)(p,d,[1,1,.5,0]);return(0,i.jsx)("div",{id:"story",ref:l,className:"inasa-journey",style:{height:"".concat(e.spacerVh,"vh")},children:(0,i.jsxs)("div",{className:"inasa-stage",children:[(0,i.jsx)(o.P.div,{className:"inasa-map",style:{scale:g,y:h,opacity:f},"aria-hidden":"true",children:(0,i.jsx)(c.h5,{})}),a.map((n,a)=>(0,i.jsx)(v,{scene:n,lead:0===a,timing:e.scenes[a],progress:p},n.kind))]})})}function v(n){let{scene:a,lead:e,timing:t,progress:s}=n,l=(0,r.G)(s,t.fade.keys,t.fade.values),p=(0,r.G)(s,n=>n<t.window[0]||n>t.window[1]?"none":"block"),c=(0,r.G)(s,[t.start,t.end],"scale"===t.motion.type?[t.motion.from,t.motion.to]:[1,1]),m=(0,r.G)(s,[t.start,t.end],"y"===t.motion.type?[t.motion.from,t.motion.to]:["0%","0%"]);return(0,i.jsx)(o.P.div,{className:"inasa-stage-layer",style:{opacity:l,display:p,scale:c,y:m},children:(0,i.jsx)(y,{scene:a,lead:e,pinned:!0})})}function y(n){var a;let{scene:e,lead:t,pinned:s}=n,r=(null==(a=e.section)?void 0:a.config)||{};if("hero"===e.kind)return(0,i.jsx)(m.default,{config:r,lead:t,pinned:s,continent:!1});let o=c.ZD[e.kind];return o?(0,i.jsx)(o,{config:r,lead:t,pinned:s}):null}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.