.avatar-carousel,.avatar-swipe-surface{position:absolute;pointer-events:none;z-index:4}
.avatar-swipe-surface{pointer-events:auto;touch-action:pan-y;user-select:none}
.avatar-carousel{display:flex;align-items:center;justify-content:space-between}
.avatar-carousel button{display:grid;place-items:center;pointer-events:auto;flex:none;width:44px;height:48px;padding:0;background:transparent;border:1px solid transparent;border-radius:2px;color:var(--accent);opacity:.78;cursor:pointer}
.avatar-carousel button:hover,.avatar-carousel button:focus-visible{opacity:1;border-color:var(--line)}
.avatar-carousel button svg{display:block;width:24px;height:24px}
.avatar-carousel button[data-avatar-step="-1"] svg{transform:scaleX(-1)}
.avatar-carousel.is-loading button{opacity:.35}
.avatar-carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.avatar-mark{position:absolute;display:block;transform:translate(-50%,-50%);z-index:4;pointer-events:none;color:var(--accent);font:26px/1 monospace;opacity:.68}
:is(.avatar-mark,.avatar-carousel,.avatar-swipe-surface,.ethereal-figure,.orbital-metal-ball)[hidden]{display:none}
html[data-avatar="digital"] :is(.orbit-stage,.story-art,.archive-art-aside,.screen-entry,.sidebar-beacon):not([data-digital-fallback="true"])>img[src="/assets/figure-ethereal.webp"]{visibility:hidden!important}
html:not([data-avatar="digital"]) .ethereal-figure,
html:not([data-avatar="luminous"]) .elias-volume[data-model-preset="figure"],
html:not([data-avatar="network"]) .elias-volume[data-model-preset="network"],
html:not([data-avatar="circle"]) .elias-volume[data-model-preset="circle"]{visibility:hidden!important}
.orbital-metal-ball{position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:3;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 31% 24%,#fff 0 5%,transparent 17%),linear-gradient(165deg,#17202b 5%,#e1e7ee 22%,#fff 30%,#788694 36%,#111820 49%,#3c4856 60%,#d1d8df 76%,#697480 90%,#0e151d);box-shadow:inset -.7px -.8px 1px #0009,inset .5px .5px .7px #fff9,0 .5px 1px #0007}
html[data-font-project="elias"] .entity-float{mix-blend-mode:normal}
html[data-font-project="elias"] .entity-stage{z-index:4}
html[data-avatar="luminous"] .story-body .story-art.has-elias-volume>.story-orbit{display:none!important}
html[data-avatar="luminous"] .entity-stage:has(.has-elias-volume) .dates-orbit{display:none}
html[data-font-project="elias"] .dates-orbit-light{display:none}
.orbital-metal-ball{display:none!important}
.orbital-metal-polish{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(23deg,transparent 0 2px,#1017222b 2.5px 3px,transparent 3.5px 5px);pointer-events:none}
.world-motion-paused :is(.story-orbit,.orbital-line),[data-motion="paused"] .story-orbit{animation-play-state:paused}
html[data-avatar="digital"] .story-art{padding-block:clamp(42px,5vw,64px)}
/* Shared markers need real breathing room above and below every portrait. */
.story-body .story-art{padding-block:38px 48px}
.story-body .story-art figcaption{margin-top:40px}
.sidebar .sidebar-beacon{position:relative;margin-top:22px;margin-bottom:40px}
html body.story-body .story-art.has-elias-volume{height:calc(var(--elias-scene-height) + 88px)}
html body.story-body .story-art.has-elias-volume>figcaption{margin-top:48px}
html body .orbit-stage:is(.has-elias-volume,html[data-avatar="luminous"] .orbit-stage,html:is([data-avatar="circle"],[data-avatar="network"]) .orbit-stage){margin-top:42px;padding-top:calc(var(--elias-scene-height) + 48px)}
html[data-avatar="digital"] .orbit-stage:not(.has-elias-volume){height:650px;margin-top:32px}
@media(max-width:650px){
 /* The screen layout overlays its heading on the scene; omit spare ornaments. */
 .screen-entry>.avatar-mark{display:none}
 html[data-avatar="digital"] .orbit-stage>.orbital-art{top:240px}
 html[data-avatar="chrome"] .orbit-stage>.orbital-art{max-width:calc((100vw - 44px) / 1.1);max-height:calc((100vw - 44px) / 1.1)}
 /* Cards grow with their text and begin after the complete artwork + marker. */
 html body .orbit-stage:not(.has-elias-volume){height:auto;min-height:0;margin-top:42px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:calc(var(--avatar-art-bottom,440px) + 48px) 0 14px}
 html body .orbit-stage:not(.has-elias-volume)>.orbit-node{position:relative;inset:auto;transform:none;margin:0;width:100%;min-width:0}
}
/* Story image rules must not turn the reverse coin face into a second row. */
.story-art .acid-coin img.acid-coin-face{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;margin:0;padding:0;opacity:1;object-fit:contain}
/* A restrained edge joins the neon disc to the scene without cutting its rim. */
.acid-coin-rotor::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 1px #d9efff66,0 0 14px #719eff20;transform:translateZ(1.2px)}
/* In the indexed home, the artwork has its own row above the terms copy. */
html[data-avatar] .archive-art-aside:has(>.aside-caption){min-height:0;align-self:start;padding:44px 0 28px}
html[data-avatar] .archive-art-aside:has(>.aside-caption)>img{position:relative;inset:auto;display:block;width:100%;height:clamp(320px,48svh,480px);object-fit:contain;object-position:center;padding:0 20px}
html[data-avatar] .archive-art-aside:has(>.aside-caption)::after{display:none}
html[data-avatar] .archive-art-aside>.aside-caption{position:relative;inset:auto;margin:48px 27px 0;z-index:4}

/* Mobile art and markers occupy a reserved row before all navigation cards. */
@media(max-width:760px){
 html[data-font-project="elias"] .entity-stage{width:min(360px,calc(100vw - 100px));margin:32px auto 28px}
}
@media(max-width:650px){
 html[data-avatar] body .orbit-stage:not(.has-elias-volume){
  --mobile-art-width:min(380px,calc(100vw - 128px));--mobile-art-height:var(--mobile-art-width);
  display:grid;grid-template-columns:minmax(0,1fr);gap:12px;
  height:auto!important;min-height:0;max-width:none;margin-top:52px!important;
  padding:calc(var(--mobile-art-height) + 48px) 0 24px;
 }
 html:is([data-avatar="chrome"],[data-avatar="digital"]) body .orbit-stage:not(.has-elias-volume){--mobile-art-height:calc(var(--mobile-art-width) * 1.5)}
 html[data-avatar] body .orbit-stage:not(.has-elias-volume)>.orbital-art{
  top:0!important;left:50%;width:var(--mobile-art-width)!important;height:var(--mobile-art-height)!important;
  object-fit:contain;transform:translateX(-50%)!important;
 }
 html[data-avatar] body .orbit-stage:not(.has-elias-volume)>.orbit-node{
  position:relative;inset:auto!important;transform:none;width:100%;min-width:0;margin:0;
 }
 html:is([data-avatar="circle"],[data-avatar="network"]) body .orbit-stage.has-elias-volume{--elias-scene-height:calc(100vw - 128px)!important}
 html:is([data-avatar="circle"],[data-avatar="network"]) body .orbit-stage.has-elias-volume>.elias-volume{width:var(--elias-scene-height)!important}
 html[data-avatar] body.story-body .story-art:not(.has-elias-volume)>img{
  width:min(100%,calc(100vw - 128px))!important;justify-self:center;margin-inline:auto;
 }
 html:is([data-avatar="circle"],[data-avatar="network"]) body.story-body .story-art.has-elias-volume{--elias-scene-height:calc(100vw - 128px)!important}
 html:is([data-avatar="circle"],[data-avatar="network"]) body.story-body .story-art.has-elias-volume>.elias-volume{width:var(--elias-scene-height)!important;left:50%;transform:translateX(-50%)}
 .avatar-carousel button:hover:not(:focus-visible){border-color:transparent}
}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/avatar-controls.css","sha256":"a2bf409591274e0bc7721297be76c840916a0bbdecf452838669cea46e52efeb","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."} */