@font-face{font-family:BBOrbitText;src:url('./assets/titillium.woff2') format('woff2');font-display:swap}
.bb-orbit{position:relative;display:block;width:100%;color:#eaf0fa;background:transparent;font-family:BBOrbitText,system-ui,sans-serif;isolation:isolate;--bb-orbit-green:#3df799}
.bb-orbit *{box-sizing:border-box}.bb-orbit-stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:transparent}.bb-orbit-stage>img,.bb-orbit-stage>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;object-fit:contain}.bb-orbit-stage>iframe{opacity:0;visibility:hidden}.bb-orbit[data-ready=true] .bb-orbit-stage>iframe{opacity:1;visibility:visible}.bb-orbit[data-error=true] .bb-orbit-stage>iframe{display:none}
.bb-orbit-footer{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:8px 20px 16px;font-size:16px;line-height:1.5}.bb-orbit details{min-width:0}.bb-orbit summary{cursor:pointer;min-height:44px;padding:10px 0;color:#c6d3e8}.bb-orbit summary::marker{color:var(--bb-orbit-green)}.bb-orbit-projects{display:flex;flex-wrap:wrap;gap:8px 20px;max-width:900px;padding:8px 0}.bb-orbit-projects a{color:#eaf0fa;text-decoration:underline;text-underline-offset:.22em;min-height:44px;padding:10px 0}.bb-orbit-projects a:hover{color:var(--bb-orbit-green)}.bb-orbit button{appearance:none;background:transparent;color:#c6d3e8;font:inherit;border:0;border-radius:6px;padding:10px 8px;min-height:44px;cursor:pointer;white-space:nowrap}.bb-orbit button[hidden]{display:none}.bb-orbit :is(a,button,summary):focus-visible{outline:2px solid var(--bb-orbit-green);outline-offset:3px}.bb-orbit ::selection{background:var(--bb-orbit-green);color:#062118}.bb-orbit-note{margin:0;padding:0 20px 14px;color:#c6d3e8;font-size:16px}.bb-orbit-note[hidden]{display:none}@media(max-width:500px){.bb-orbit-footer{padding-inline:12px;gap:8px}.bb-orbit-projects{gap:0 16px}.bb-orbit button{padding-inline:0}}@media(prefers-reduced-motion:reduce){.bb-orbit-stage>iframe{transition:none}}

.bb-orbit[data-ready=true] .bb-orbit-stage>img{visibility:hidden}

.bb-orbit-projects[hidden]{display:none}.bb-orbit-projects{padding:12px 20px}

/* The perspective camera keeps vertical FOV constant. Match its height at t=0
   instead of shrinking the 16:9 poster to fit narrow mobile stages. */
.bb-orbit:not([data-error=true]) .bb-orbit-stage>img{width:auto;max-width:none;left:50%;right:auto;transform:translateX(-50%)}