
.flow-window{overflow:hidden;margin:35px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.flow-track{display:flex;width:max-content;gap:18px;animation:flow 45s linear infinite;padding:12px 0}.flow-track:nth-child(2){animation-direction:reverse;animation-duration:52s}.flow-window:hover .flow-track,.flow-window:focus-within .flow-track,.flow-window.paused .flow-track{animation-play-state:paused}.flow-card{width:280px;text-align:left;padding:24px;background:radial-gradient(at top right,#45437566,transparent),#111a2b;border:1px solid #414d70;border-radius:18px;color:#eef2ff;cursor:pointer}.flow-card svg{height:100px;width:100%;stroke:#a8baff}.flow-card strong{display:block;font-size:20px;margin:12px 0}.flow-card small{color:#aab5cc}.flow-toggle{border:1px solid #526082;border-radius:30px;background:#182338;color:white;padding:10px 20px}.chapter-next{overflow:hidden}.chapter-next strong{display:inline-block;transition:transform .7s,opacity .7s}.chapter-next:not(.chapter-seen) strong{transform:translateY(25px);opacity:.25}.chapter-next.chapter-seen .next-arrow{animation:nudge 2s ease-in-out infinite}@keyframes flow{to{transform:translateX(-50%)}}@keyframes nudge{50%{transform:translate(7px,7px)}}@media(min-width:900px) and (prefers-reduced-motion:no-preference){#overview{min-height:220vh}#overview .spotlight{position:sticky;top:100px}#overview>.chapter-next{position:absolute;bottom:0;left:0;right:0}}@media(prefers-reduced-motion:reduce){.flow-track,.chapter-next.chapter-seen .next-arrow{animation:none}.flow-window{overflow:auto}.chapter-next strong{transform:none!important;opacity:1!important}}

.single-row{margin:2rem 0}.single-row h3{font-size:1.15rem;margin:0 0 1rem}.single-viewport{overflow:hidden}.single-track{display:flex;width:max-content;gap:16px;animation:single-scroll 65s linear infinite}.single-row:nth-child(2) .single-track{animation-direction:reverse}.single-row:hover .single-track,.single-row:focus-within .single-track,.single-row.paused .single-track{animation-play-state:paused}@keyframes single-scroll{to{transform:translateX(calc(-50% - 8px))}}.single-card{width:220px;text-align:left;border:1px solid #dbe4e4;border-radius:14px;background:#fff;padding:8px;color:#203a3a;cursor:pointer}.single-card strong{display:block;padding:10px 4px;font-size:.9rem}.single-visual{aspect-ratio:16/9;border-radius:9px;background:linear-gradient(135deg,#e6eef0,#cddedc);display:grid;place-content:center;text-align:center;color:#527276;gap:7px}.single-visual video{width:100%;height:100%;object-fit:cover}.play-icon{font-size:1.5rem}.single-toggle{margin-top:8px;border:0;background:none;color:#526f75;cursor:pointer}.script-text{white-space:pre-wrap;max-height:55vh;overflow:auto}.composite-head{margin-top:4rem}@media(prefers-reduced-motion:reduce){.single-track{animation:none}}
.single-row{margin:.7rem 0 1rem}.single-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.35rem}.single-row-head h3{margin:0;font-size:1rem}.single-row-head .single-toggle{margin:0}.single-card{width:200px;padding:6px}.single-card strong{padding:6px 3px;font-size:.85rem}.single-track{gap:12px;animation-name:single-compact}@keyframes single-compact{to{transform:translateX(calc(-50% - 6px))}}.single-card.selected{border-color:#5d8697;box-shadow:0 0 0 2px #a9c3cc}.inline-viewer{margin:1.4rem 0 2.2rem;padding:1.25rem;border:1px solid #d8e3e5;border-radius:16px;background:#f7fafb}.inline-viewer[hidden]{display:none}.viewer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.viewer-head h3{margin:.2rem 0}.viewer-head small{color:#628187}.viewer-head button{border:0;background:transparent;cursor:pointer;color:#50676f}.inline-viewer video,.viewer-placeholder{display:block;width:min(100%,760px);aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#e5eef0}.viewer-placeholder{display:grid;place-items:center;color:#647f83}.inline-viewer details{margin-top:.8rem}.inline-viewer summary{cursor:pointer}.inline-viewer .script-text{white-space:pre-wrap;max-height:40vh;overflow:auto}

#single-gallery > section.single-row{padding:0;margin:0} #single-gallery .single-row-head{margin:0} #single-gallery .single-row-head h3{margin:0} #single-gallery .single-viewport{margin:0} #single-gallery .inline-viewer[hidden]{display:none}

.inline-viewer{background:#101a2a;border-color:#344660;color:#dce7f8}.inline-viewer .viewer-head h3{color:#e7efff}.inline-viewer .viewer-head small,.inline-viewer .viewer-head button{color:#a9bdd9}.viewer-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:stretch}.viewer-layout video,.viewer-layout .viewer-placeholder{width:100%;max-width:none;aspect-ratio:16/9;background:#17283d;color:#a9bfd1}.dialogue-panel{background:#0a1322;border:1px solid #2d3e57;border-radius:12px;padding:18px;max-height:440px;overflow:auto;color:#d8e3f4}.dialogue-panel>strong,.dialogue-panel>small{display:block}.dialogue-panel>small{color:#9caec5;margin-top:5px}.chat-message{border-radius:10px;background:#172841;padding:10px 12px;margin-top:12px}.chat-message.assistant{background:#253459}.chat-message b{font-size:11px;color:#a8c8f4}.chat-message p{margin:5px 0 0;white-space:pre-wrap;line-height:1.55;font-size:13px}.dialogue-empty{color:#9cadc4}.construction-figure{margin:0}.construction-figure img{display:block;width:100%;height:auto;border-radius:10px;background:white}.construction-figure figcaption{margin-top:10px;color:#9cadc4;font-size:12px}.construction-figure a{display:block}@media(max-width:700px){.viewer-layout{grid-template-columns:1fr}.dialogue-panel{max-height:280px}}
.inline-viewer.gallery-fit{--gallery-h:min(68vh,720px,calc(100vh - 260px));padding:14px 16px}.inline-viewer.gallery-fit .viewer-head{margin-bottom:.55rem}.inline-viewer.gallery-fit .viewer-layout{grid-template-columns:auto minmax(260px,1fr);align-items:start;height:auto}.inline-viewer.gallery-fit .grounding-stage{position:relative;height:var(--gallery-h);width:calc(var(--gallery-h) * 9 / 16);max-width:100%;aspect-ratio:9 / 16;justify-self:start}.inline-viewer.gallery-fit .viewer-layout .grounding-stage video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill}.inline-viewer.gallery-fit .dialogue-panel{height:var(--gallery-h);max-height:var(--gallery-h)}@media(max-width:700px){.inline-viewer.gallery-fit .viewer-layout{grid-template-columns:1fr}.inline-viewer.gallery-fit .grounding-stage{width:min(100%,280px);height:auto;max-width:280px;justify-self:center}.inline-viewer.gallery-fit .dialogue-panel{height:280px;max-height:280px}}

.construction-split{display:grid;gap:36px}.construction-split figure{margin:0}.composition-figure{width:min(100%,600px);justify-self:center}.pipeline-figure{width:100%}.construction-split h3{color:#dce7f8;font-size:18px;margin:0 0 14px}.construction-figure img{width:100%;height:auto}.pipeline-figure img{background:#fff}@media(max-width:700px){.construction-split{gap:25px}}
