/* One continuous sky behind both the landing page and personal collection. */
body{isolation:isolate}
.site-stars{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 70% 28%,#18233535,transparent 70%)}
.site-stars::before{content:'';position:absolute;inset:0;background:url('/assets/orbit-stars.svg') center/1200px auto;opacity:.55}
.site-star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#f0f4ff;opacity:.3;box-shadow:0 0 5px #d4e4ff80,0 0 12px #afcfff35;animation:site-stellar-pulse var(--duration) ease-in-out var(--delay) infinite}
.site-star:nth-child(9n)::before,.site-star:nth-child(9n)::after{content:'';position:absolute;left:50%;top:50%;width:13px;height:1px;background:linear-gradient(90deg,transparent,#e5edffb3,transparent);transform:translate(-50%,-50%)}.site-star:nth-child(9n)::after{transform:translate(-50%,-50%) rotate(90deg)}
@keyframes site-stellar-pulse{0%,100%{opacity:.09;transform:scale(.65)}45%{opacity:1;transform:scale(1.35)}65%{opacity:.4;transform:scale(.95)}}
.hero{background-color:transparent;background-image:radial-gradient(ellipse at 74% 42%,#181f2a55,transparent 66%)}
.mission.section-wrap{background:radial-gradient(ellipse at 8% 90%,#1c222d75,transparent 55%)}
.site-stars[data-paused=true] .site-star,body:has(dialog[open]) .site-star{animation-play-state:paused}
html[data-motion=off] .site-star{animation:none;opacity:.35}
@media(max-width:760px){.site-star:nth-child(n+46){display:none}.site-stars::before{background-size:900px auto;opacity:.4}}
@media(prefers-reduced-motion:reduce){.site-star{animation:none;opacity:.35}}