/* The homepage looks out into open space; all motion stays behind its controls. */
body{background:#02040a}
body::before{content:none!important;background:none!important}
body::after{
  background:linear-gradient(180deg,rgba(1,3,9,.04),rgba(1,3,9,.15)),
    radial-gradient(ellipse at 12% 24%,rgba(31,60,106,.07),transparent 65%),
    radial-gradient(ellipse at 90% 73%,rgba(75,43,94,.04),transparent 60%)!important;
}
.hero{background:transparent!important}
.hero::before{background:linear-gradient(90deg,rgba(2,4,10,.68),rgba(2,4,10,.25) 38%,transparent 72%)!important}
#astralisSpaceBackground{
  position:fixed;inset:0;z-index:-2;overflow:hidden;
  pointer-events:none;user-select:none;contain:strict;
  background:radial-gradient(ellipse at 72% 20%,#080e1a 0,transparent 58%),#02040a;
}
#astralisSpaceBackground::before{
  content:"";position:absolute;inset:-4%;z-index:0;
  background:url('/assets/our-new-star/deep-universe.webp') center 28%/cover no-repeat;
  filter:saturate(.62) contrast(1.08) brightness(.82);opacity:.53;
  transform-origin:64% 40%;animation:astralisDeepSkyDrift 130s ease-in-out infinite alternate;
}
#astralisSpaceBackground::after{
  content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse at 60% 32%,transparent 24%,rgba(1,3,9,.46) 100%),
    linear-gradient(90deg,rgba(1,3,9,.17),transparent 40%,rgba(1,3,9,.10));
}
#astralisSpaceBackground canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.astralis-space-asteroid{
  position:absolute;left:0;top:0;z-index:2;width:var(--rock-size);aspect-ratio:1;
  animation:astralisAsteroidPass var(--travel-time) linear infinite;
  animation-delay:var(--travel-delay);will-change:transform;
}
@keyframes astralisDeepSkyDrift{
  from{transform:scale(1.025) translate3d(-.25%,.2%,0)}
  to{transform:scale(1.055) translate3d(.3%,-.3%,0)}
}
.astralis-space-asteroid > span{
  display:block;width:100%;height:100%;background-image:url('/assets/deep-space/asteroids-realistic-v2.webp');
  background-size:300% 200%;background-position:var(--atlas-x) var(--atlas-y);
  background-repeat:no-repeat;transform-origin:center;
  animation:astralisAsteroidTumble var(--spin-time) linear infinite;
  animation-delay:var(--travel-delay);opacity:var(--rock-opacity);
}
@keyframes astralisAsteroidPass{
  0%{transform:translate3d(var(--start-x),var(--start-y),0) scale(.87);opacity:0}
  6%{opacity:1}94%{opacity:1}
  100%{transform:translate3d(var(--end-x),var(--end-y),0) scale(1.12);opacity:0}
}
@keyframes astralisAsteroidTumble{from{transform:rotate(var(--rock-angle))}to{transform:rotate(calc(var(--rock-angle) + 360deg))}}
html.astralis-page-hidden #astralisSpaceBackground *,
html.astralis-page-hidden #astralisSpaceBackground::before,
#astralisSpaceBackground.space-motion-paused *,
#astralisSpaceBackground.space-motion-paused::before{animation-play-state:paused!important}
@media(max-width:700px){
  #astralisSpaceBackground::before{background-image:url('/assets/our-new-star/deep-universe-mobile.webp');background-position:50% 24%;opacity:.57}
  .astralis-space-asteroid:nth-of-type(n+9){display:none}
  .astralis-space-asteroid{width:calc(var(--rock-size) * .7)}
}
@media(prefers-reduced-motion:reduce){
  #astralisSpaceBackground *,#astralisSpaceBackground::before{animation:none!important}
  .astralis-space-asteroid{left:var(--rest-x);top:var(--rest-y);transform:none;opacity:.55}
}


.astralis-space-satellite{
  position:absolute;left:0;top:0;z-index:2;width:clamp(65px,8vw,115px);
  opacity:.8;animation:astralisSatellitePass 112s linear infinite;
  animation-delay:-38s;will-change:transform;
}
.astralis-space-satellite svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 3px #91bbda55)}
@keyframes astralisSatellitePass{
  0%{transform:translate3d(112vw,30vh,0) rotate(-18deg);opacity:0}
  8%,90%{opacity:.8}
  100%{transform:translate3d(-18vw,70vh,0) rotate(25deg);opacity:0}
}
@media(max-width:700px){.astralis-space-satellite{width:62px}}
@media(prefers-reduced-motion:reduce){
  .astralis-space-satellite{animation:none;left:68vw;top:38vh;transform:rotate(-12deg);opacity:.6}
}