/* The nested orbit, drawn live: circles riding inside circles, one dot outside. */
.nested-orbit{display:none}
.nested-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.nested-orbit circle.o{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.6}
.nested-orbit circle.dot{fill:var(--gold);stroke:none;opacity:.9}
.nested-orbit-rule{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.nested-orbit-rule line{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.26}
@media screen and (min-width:1100px){
  .nested-orbit-rule{display:block}
  .nested-orbit--open{display:block;position:absolute;right:calc((100% - var(--maxw)) / 2 - 20px);top:50%;
    width:clamp(360px,34vw,520px);aspect-ratio:1;transform:translateY(calc(-50% + var(--nested-ground-shift,0px)));pointer-events:none;z-index:1}
  .open:has(> .nested-orbit--open) .wrap{position:relative;z-index:2}
  .open:has(> .nested-orbit--open) h1{max-width:12ch}
}
@media screen and (min-width:1100px) and (prefers-reduced-motion:no-preference){
  .nested-orbit-rule line{stroke-dasharray:1;animation:nested-rule-build 1.2s cubic-bezier(.22,1,.36,1) both}
}
@keyframes nested-rule-build{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce),print{.nested-orbit--open{display:block}}