/* 3D artwork owns a full-width scene; navigation remains outside its drag area. */
html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage),
html body.story-body .story-art.has-elias-volume{
  --elias-scene-height:clamp(620px,92svh,1120px);
  position:relative;max-width:none;min-width:0;overflow:visible;
}
html body :is(.orbit-stage,.story-art).has-elias-volume>.elias-volume{
  left:50%!important;top:calc(-1 * var(--elias-top-inset,0px))!important;right:auto!important;
  width:100vw!important;height:calc(var(--elias-scene-height) + var(--elias-top-inset,0px))!important;
  transform:translateX(-50%);max-width:none;z-index:1;
}
html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage){
  width:100%;height:auto;min-height:0;margin:20px auto 0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  padding:var(--elias-scene-height) 0 24px;
}
html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage)>.orbit-node{
  position:relative;inset:auto;transform:none;margin:0;
  width:auto;min-width:0;z-index:3;align-self:stretch;
}
html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage)>.orbital-art{
  top:0;width:1px;height:1px;transform:none;
}
html body.story-body .story-art.has-elias-volume{
  width:100%;height:calc(var(--elias-scene-height) + 54px);
  margin:0;padding:0;display:block;opacity:1;
}
html body.story-body .story-art.has-elias-volume>img{
  position:absolute;top:0;left:50%;width:1px;height:1px;
}
html body.story-body .story-art.has-elias-volume>figcaption{
  position:absolute;top:var(--elias-scene-height);bottom:auto;
  left:0;right:0;margin:12px 0 0;text-align:center;
}
@media(max-width:650px){
  html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage),
  html body.story-body .story-art.has-elias-volume{
    --elias-scene-height:clamp(460px,82svh,780px);
  }
  html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage){
    grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px;
  }
}
@media(max-width:650px){
  html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage):has(>.elias-volume:is([data-model-preset="circle"],[data-model-preset="network"])),
  html body.story-body .story-art.has-elias-volume:has(>.elias-volume:is([data-model-preset="circle"],[data-model-preset="network"])){
    --elias-scene-height:100vw;
  }
}

/* Light composites into the page; orientation marks stay above the scene. */
html body .orbit-stage>.orbit-tick{z-index:2;pointer-events:none;transform:translateX(-50%)}
html body .elias-volume:is([data-model-preset="circle"],[data-model-preset="network"]){mix-blend-mode:normal}

/* The story figure and its enclosing circle share one square viewport. */
html body.story-body .story-art.has-elias-volume[data-elias-model-kind="figure"]{
  --elias-scene-height:min(88vw,780px);
}
html body.story-body .story-art.has-elias-volume[data-elias-model-kind="figure"]>.elias-volume{
  --elias-top-inset:0px!important;
  top:0!important;width:var(--elias-scene-height)!important;
  height:var(--elias-scene-height)!important;
}
html body.story-body .story-art.has-elias-volume[data-elias-model-kind="figure"]>.story-orbit{
  display:block;left:50%;top:0;width:var(--elias-scene-height);height:var(--elias-scene-height);
  max-height:none;aspect-ratio:1;transform:translateX(-50%);animation:none;
  border-radius:50%;box-sizing:border-box;pointer-events:none;
}

@media(max-width:650px){
 html:is([data-avatar="circle"],[data-avatar="network"]) body .orbit-stage{--elias-scene-height:100vw}
}

/* Fallback occupies the same scene while the renderer starts or recovers. */
html body .orbit-stage:is([data-elias-model-kind="figure"],[data-elias-model-kind="circle"],[data-elias-model-kind="network"])>.orbital-art:not([data-elias-hidden]),
html body.story-body .story-art.has-elias-volume>img:not([data-elias-hidden]){
 left:50%;top:0;width:min(100vw,var(--elias-scene-height));height:var(--elias-scene-height);
 transform:translateX(-50%);object-fit:contain;
}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/elias-3d/fullwidth.css","sha256":"b82292ea2679abf5d788b96a362554bc8b195b87963034050be5d094f077defd","reuse":"Verify claims against primary sources. Distinguish fact, inference and fiction. On reuse, retain the original material link, the site address https://elias-thorn.com/ and existing author credits."} */