/* Transparent, cross-fading Orbit skies share the page's animated star field. */
.world{position:relative;isolation:isolate;background:transparent;border:0;overflow:visible;padding:90px 0 100px;margin-top:20px;transition:color .8s}
.world::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 50%,#081f1555,transparent 74%)}
.world:has(.orbit-strip.enhanced)::before{display:none}
.orbit-atmosphere{position:absolute;z-index:-1;inset:-70px 0;pointer-events:none;opacity:0;transition:opacity 1.15s ease;background:radial-gradient(ellipse at 24% 48%,color-mix(in srgb,var(--orbit-glow) 23%,transparent),transparent 55%),radial-gradient(ellipse at 73% 57%,color-mix(in srgb,var(--orbit-flare) 15%,transparent),transparent 51%),radial-gradient(ellipse at 48% 52%,color-mix(in srgb,var(--orbit-mist) 67%,transparent),transparent 76%),radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--orbit-sky) 86%,transparent),transparent 78%);mask-image:linear-gradient(transparent,black 24%,black 70%,transparent);-webkit-mask-image:linear-gradient(transparent,black 24%,black 70%,transparent)}
.orbit-atmosphere.active{opacity:1}
.world .section-top{position:relative;z-index:2}
.world .orbit-strip{position:relative}
.enhanced .orbit::before{content:none}
.orbit-strip.enhanced:not(.orbit-ready) .orbit{transition:none}
.orbit-art{position:relative}
.orbit-emblem{position:relative;width:min(100%,460px);aspect-ratio:1;max-height:100%;flex:none}
.orbit-art .orbit-emblem .orbit-glyph{position:absolute;inset:11%;width:78%;height:78%;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 0 17px #c8a26b19)}
.orbit-art .orbit-emblem .orbit-trinkets{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;pointer-events:none;opacity:.88}
.orbit-emblem--1 .orbit-trinkets{transform:scaleX(-1)}
.orbit-emblem--2 .orbit-trinkets{transform:scaleY(-1)}
.orbit-emblem--3 .orbit-trinkets{transform:scale(-1)}
.ornament-drift{animation:ornament-rim var(--flutter-duration) ease-in-out var(--flutter-delay) infinite;transform-origin:0 0}
.ornament-side{animation-name:ornament-side}
.ornament-shimmer{animation:ornament-shimmer var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite;transform-origin:0 0}
.ornament-moon{animation-name:ornament-moonlight}
.enhanced .orbit:not(.active) .ornament-drift,.enhanced .orbit:not(.active) .ornament-shimmer,.ornaments-hidden .ornament-drift,.ornaments-hidden .ornament-shimmer{animation-play-state:paused}
@keyframes ornament-rim{0%,100%{transform:translate(-8px,-2px) rotate(-6deg)}50%{transform:translate(8px,2px) rotate(6deg)}}
@keyframes ornament-side{0%,100%{transform:translate(-2px,8px) rotate(6deg)}50%{transform:translate(2px,-8px) rotate(-6deg)}}
@keyframes ornament-shimmer{0%,100%{opacity:.48;transform:scale(.86)}50%{opacity:1;transform:scale(1.04)}}
@keyframes ornament-moonlight{0%,100%{opacity:.65}50%{opacity:1}}
.enhanced .orbit-caption>span:first-child{color:color-mix(in srgb,var(--world-accent),var(--world-ink) 55%)}
.enhanced .orbit-caption h3{transition:color .8s}
@media(max-width:700px){.world{padding:65px 0 75px;margin-top:0}.orbit-atmosphere{inset:-45px 0}.orbit-emblem{width:min(100%,340px)}.enhanced .orbit-art{padding:10px 16px}.world .section-top{align-items:center;gap:10px}.world .section-top h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.orbit-atmosphere,.world,.enhanced .orbit-caption h3{transition:none}.ornament-drift,.ornament-shimmer{animation:none;opacity:.88}}